Quick Start Course
Want to become a pro in ProtoPie? These short and easy-to-follow lessons on essential features will get you there. We update regularly with fresh content, so stay tuned!
3:48
ProtoPie Plugin: Importing your design
6:16
Constraints: Creating responsive layouts
3:52
Scroll Container: Basic scrolling interactions
5:20
Paging Container: Basic swiping interactions
3:23
Touch Area: Increasing object touchability
6:05
Timeline: Animating loading screen
4:03
Mouse Over & Mouse Out: Hover interactions
7:03
Double-tap: ‘Like’ button with Lottie animation
3:10
Pinch & Rotate: Multi-touch map experience
8:20
Fling, Pull & Drag: Draggable drawer
7:00
Audio, Videos & Lotties: Music app experience
6:08
Keyboard: Onboarding signup form
6:45
Jump: Custom screen transitions
3:39
Press: Desktop photo gallery
5:41
Camera: Device native sensors
5:36
Listen: Voice assistant app
© 2023 Studio XID. All rights reserved.
Write your awesome label here.
ProtoPie Plugin: Importing your design
Learn how to import from your design tool into ProtoPie Studio.
Write your awesome label here.
Constraints: Creating responsive layouts
Learn how to make your designs more fluid and adaptive by using Constraints in ProtoPie.
Write your awesome label here.
Scroll Container: Basic scrolling interactions
Learn how to add basic scrolling into your prototypes by using the Scroll Container in ProtoPie.
Write your awesome label here.
Touch Area: Increasing object touchability
Learn best practices to increase the touchability of gesture-based interactions in ProtoPie.
Write your awesome label here.
Timeline: Animating loading screen
Learn how to make a skeleton UI loading screen using Opacity responses and the Timeline feature.
Write your awesome label here.
Double-tap: ‘Like’ button with Lottie animation
Learn the basics of components and create a double-tap “Like” interaction using a Lottie animation.
Write your awesome label here.
Pinch & Rotate: Multi-touch map experience
Learn how to make a multi-touch experience using an interactive map prototype in ProtoPie.
Write your awesome label here.
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.
Write your awesome label here.
Paging Container: Basic swiping interactions
Learn how to add basic swiping into your prototypes using the Paging Container feature in ProtoPie.
Write your awesome label here.
Mouse Over & Mouse Out: Hover interactions
Learn how to make basic hover interactions that are essential in web design and prototyping.
Welcome back!
xxxxx
Write your awesome label here.
Jump: Custom screen transitions
Learn a few different ways to create animated screen transitions using ProtoPie’s Jump response.
Write your awesome label here.
Keyboard: Onboarding signup form
Learn how to work on basic text input interactions in ProtoPie using your device's native keyboard.
Write your awesome label here.
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.