-
All Levels
-
6 hours
-
20+ lessons
ProtoPie 101 Crash Course
Everything you need to start creating high-fidelity prototypes with ProtoPie.
This course is for anyone who wants to:
- Learn the basics and progress to key features
- Follow along step-by-step using beginner to advanced examples
- Study at your own pace, pressure-free


-
All Levels
-
6 hours
-
20+ lessons
ProtoPie 101 Crash Course
Everything you need to start creating high-fidelity prototypes with ProtoPie.
This course is for anyone who wants to:
- Learn the basics and progress to key features
- Follow along step-by-step using beginner to advanced examples
- Study at your own pace, pressure-free
What You'll Learn
How to Ask for Help

Discuss the course with others
Go to the ‘Discuss’ tab to ask for tips, exchange ideas about a particular section, or share your experiences with the Instructor and other students.
Use ebook tools to take notes
You can highlight, save lines, and add markings to the text for review. Add your own notes to anything you’ve captured and tag the Instructor for questions.

How to Ask for Help

Discuss the course with others
Go to the ‘Discuss’ tab to ask for tips, exchange ideas about a particular section, or even share your experiences with the Instructor and the rest of the students.

Use ebook tools to take notes
You can highlight, save lines, and add markings to the text for review. Add your own notes to anything you’ve captured and tag the Instructor for questions.
NEXT STEP

Complete Guide to ProtoPie Connect
Want to take your prototyping beyond the screen? Learn how to use ProtoPie Connect to integrate with... everything!
© 2022 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.