ProtoPie is Prototyping on Roids

www.protopie.io/plans?ref=ymm... 👈 Use code "DESIGNCOURSE" for a discount! (You can start with a free account)
bit.ly/3HEiP7G 👈 Learn UI/UX and CSS Today. Use "UI2023" for 23% Off!
designcourse.com/af 👈 My upcoming "Advanced Frontends" Course
-- Today, we're embarking on part 2 of the Figma to ProtoPie series where we take a design created in Figma, and beef it up with all of the prototyping awesomeness that Protopie gives us.
Part 1 of this video series:
• Design a Highly Intera...
Figma file (you can duplicate this from the Figma community):
www.figma.com/community/file/...
0:00 - Intro
0:23 - Installing ProtoPie
0:44 - Project Files
2:14 - Video Background
3:00 - Menu Prototyping
7:28 - Scroll Indicator Animation
11:38 - Scroll Container
16:15 - Lottie Animations
19:31 - Pagination Prototyping
24:10 - Final result and thoughts
#prototyping #protopie #uiux
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!

[@DesignCourse]

Watch part 1 for the design kzbin.info/www/bejne/rZ_PdJmChNWDbJI

[@faraz_qureshi]

I just started protopie today and was looking for a video on it and you posted it on the same day. Couldn't have been a better designed without your guidance 🙌

[@elfridhasman4181]

Always love your design

[@waju3457]

Can't wait to replicate this design 😍

[@kenminleong]

Used ProtoPie just a few days ago and the options for interactions are insane! Only issue I’m dealing with is the inconsistency when importing from Figma; ton of bugs and inconsistent vectors and animations. But otherwise such an amazing app and if these bugs get sorted then it’ll be one of my go-tos!

[@DesignCourse]

Yeah, it won't import video / background blurs and such, but I found it easy to just recreate in protopie.

[@dave3k]

Silly pricing for what it is, basically 4x the price of Figma which is insane. Better off paying a one-off fee for Principle if you have a Mac.

[@Niallphillips]

What part of this are you not able to do in figma??

[@DesignCourse]

You can do most in Figma -- still doesn't detract from learning Protopie, which can do way more. I'll be doing more advanced protopie tuts in the future.

[@HarosGaming]

Can you make a video on how to hand off your design to the dev team and hand off a prototype design to the dev team too

[@gauravidesigns]

your voice feels robotic or AI generated but I like it 🙌

[@DesignCourse]

Well... it's not, it's the real thing 😅

[@augustkasemaa3290]

brave of you to show your IP address

[@DesignCourse]

Or just 100% oblivious. ;)

[@cytuber]

I stopped using Protopie when they switched to a subscription model and charged 4 to 5 times the price.

[@jitendrapuri2909]

first like

[@Defini3]

F1rst