ProtoPie Tutorials

Welcome to ProtoPie tutorials! Explore guides that will help you master ProtoPie, a powerful tool for creating interactive prototypes. Whether you're a beginner or experienced, these tutorials will boost your skills and bring your ideas to life. Dive in and get creative with ProtoPie!

How to Create iOS Lock Screen Behavior in ProtoPie

In this tutorial, you'll learn how to prototype an iOS lock screen interaction using ProtoPie! Whether you're a UI/UX designer or just starting out, this step-by-step guide will show you how to create realistic lock screen behavior from scratch. I'll cover setting up layers, adding triggers, and responses, all without writing code!

Display Initials for New Contact as in iOS

We'll harness ProtoPie variables to mimic the behavior seen in iOS when adding a new contact, where iOS displays the contact's initials by default.

Display a variable value in another scene

Building on the insights from our first variables video, we'll delve further into ProtoPie variables and explore how to showcase the saved value in an alternate scene.

Variables introduction in ProtoPie

Learn the fundamental concepts of ProtoPie variables and discover how to capture and store real input values into them.

Button states in ProtoPie

In this tutorial, we'll replicate the Duolingo button design and explore how to craft button states using ProtoPie.

Smart jump transition

Discover how to employ the "Smart Jump" transition in ProtoPie to animate UI components across different scenes.