Guides & Tutorials
ProtoPie Plugin: Importing your design
Learn how to import from your design tool into ProtoPie Studio.
Constraints: Creating responsive layouts
Learn how to make your designs more fluid and adaptive by using Constraints in ProtoPie.
Scroll Container: Basic scrolling interactions
Learn how to add basic scrolling into your prototypes by using the Scroll Container in ProtoPie.
Touch Area: Increasing object touchability
Learn best practices to increase the touchability of gesture-based interactions in ProtoPie.
Timeline: Animating loading screen
Learn how to make a skeleton UI loading screen using Opacity responses and the Timeline feature.
Double-tap: ‘Like’ button with Lottie animation
Learn the basics of components and create a double-tap “Like” interaction using a Lottie animation.
Pinch & Rotate: Multi-touch map experience
Learn how to make a multi-touch experience using an interactive map prototype in ProtoPie.
Fling, Pull & Drag: Draggable drawer
Learn how to create a navigation drawer in three different ways using the Fling, Pull, and Drag triggers in ProtoPie.
Paging Container: Basic swiping interactions
Learn how to add basic swiping into your prototypes using the Paging Container feature in ProtoPie.
Mouse Over & Mouse Out: Hover interactions
Learn how to make basic hover interactions that are essential in web design and prototyping.
Jump: Custom screen transitions
Learn a few different ways to create animated screen transitions using ProtoPie’s Jump response.
Keyboard: Onboarding signup form
Learn how to work on basic text input interactions in ProtoPie using your device's native keyboard.
Audio, Videos & Lotties: Music app experience
Learn how to create a music player prototype using media objects such as sound files, videos and Lottie animations in ProtoPie.