Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views :
Oh Snap!

It looks like you're using an adblocker. Adblockers make us sad. We use ads to keep our content happy and free. If you like what we are doing please consider supporting us by whitelisting our website. You can report badly-behaved ads by clicking/tapping the nearby 'Advertisement' X text.

ProtoPie – Design Interactive Prototypes from Zero to Hero

Release date:2021

Author:Stevdza - San

Skill level:Beginner

Language:English

Exercise files:Yes

Hello there and welcome to my course,
Would you like to learn how to create highly interactive and complex prototypes for Mobile, Web and Desktop Applications. And Would you like to see how your static design could look like when you give it a life using motion animations?
Well then, in this course you’ll learn everything about Protopie, from basics to advanced stuff like creating serious prototype projects.

NOTE: This course will constantly be updated. Whenever a new ProtoPie version come out, videos about all new features will be created and uploaded.

If you are already using Adobe XD, Figma or Sketch for UI/UX Design, then I have a good news for you, because ProtoPie is compatible with those softwares. With just one click you can import your project design in ProtoPie and start creating prototypes immediately! Yes, It’s that easy! And that’s one of many reasons why ProtoPie has a word Pie in it’s title. Because it’s never been this easy!

The philosophy behind ProtoPie is that high-fidelity prototyping should be done easily and quickly. Many designers out there still believe that advanced prototyping without coding is not possible. And with this course I’m going to prove them wrong!

This is a COMPLETE course, where you will learn everything about ProtoPie. We are going to start from very basics, like introducing with Protopie and it’s interface, tools, triggers and responses. Then After that we are going to cover up some more advanced topics, like variables, formulas, scenes and components. For every tool, response and trigger I’m going to show you practical examples.

And at the end of this course, when you learn everything, we are going to create two prototypes from scratch. One for Mobile and the other for Web Application. These prototypes will be advanced projects, and with the knowledge you gathered throught this course, even those complex prototypes will be as easy as pie to you.

And that’s not the end, when we finish creating our prototype we want to share it with our friends and family, or even a client. Because we don’t want that our work pass as unnoticed. We want to share our work with the rest of the world! And again that’s possible with just one click away from us, because from Protopie you can upload your work to a cloud and share the URL of your prototype with everyone. And everyone would be able to interact with your prototype from a simple web browser! Isn’t that amazing? I know it is.

Watch online or Download for Free

01 Introduction
02 50% Discount for My Students
03 Protopie Interface
04 Status Bar (From v4.3.0)
05 Shortcuts
06 SVG Layer
07 Background Blur (From v4.3.0)
08 Video Layer
09 Audio Layer
10 Camera Layer
11 Lottie Layer
12 Text and Input Layer
13 Constraints
14 Scroll Paging Container
15 Touch Triggers
16 Chain Trigger
17 Range Trigger
18 Start Trigger
19 Detect Trigger
20 Mouse Trigger
21 Key Trigger
22 Input Trigger
23 Tilt Sensor Trigger
24 Sound Sensor Trigger
25 Compass Sensor Trigger
26 Proximity Sensor Trigger
27 Receive Trigger
28 Reorder Response
29 Scroll Response
30 Jump Response
31 Link Response
32 Reset Response
33 Stop Response
34 Assign Response
35 Condition Response
36 Scene
37 Components
38 Variable and Formula
39 Upload and Share your Project
40 Record your Prototype
41 Mobile App – About the Project
42 Mobile App – Prototype Preview
43 Mobile App – First Screen
44 Mobile App – Second Screen
45 Mobile App – Second Screen – Enter Transition Animation
46 Mobile App – Second Screen – Gallery Slide Animation
47 Mobile App – Second Screen – Fix Layer Overlap
48 Mobile App – Second Screen – Back Arrow
49 Mobile App – Second Screen – Heart Animation
50 Mobile App – Second Screen – Add to Cart Button – Part 1
51 Mobile App – Second Screen – Add to Cart Button – Part 2
52 Mobile App – Second Screen – Add to Cart Button – Part 3
53 Mobile App – Second Screen – Add to Cart Button – Part 4
54 Mobile App – Upload on Cloud
55 Web App – About the Project
56 Web App – Prototype Preview
57 Web App – First Screen
58 Web App – Second Screen
59 Web App – Third Screen
60 Web App – Upload on Cloud

Project Files.7z
[Skillshare] ProtoPie – Design Interactive Prototypes from Zero to Hero_Subtitles.7z


Join us on
  Channel    and      Group

  • Facebook
  • Twitter
  • Google+
  • Linkedin
  • Pinterest

Leave a Comment

Your email address will not be published. Required fields are marked *