Offer More Value with High-Fidelity Prototypes in ProtoPie | Part 1

In this video, we'll be covering the basics of ProtoPie, a powerful tool for creating interactive prototypes. We'll start by dive into the basics of ProtoPie, including objects, triggers, and responses..... Remember to Subscribe goo.gl/6vCw64
📁 //////////// Get the free project file
www.jesseshowalter.com/protop...
👋 //////////// Get a free ProtoPie account
www.protopie.io/plans?ref=jesse
Get 30% off your ProtoPie Pro account by using code JESSE30 at checkout
We'll explore some examples of basic interactions, like button taps and wiggles, and then move on to more advanced triggers like flings, pulls, and drags, and responses like movement, scaling, rotation, and color changes.
Throughout the video, we'll be trying out different interactions and grouping/naming them, and we'll show you how to preview your work on both desktop and mobile. Finally, we'll cover how to share your prototypes with others using inspect mode and dev code, as well as ProtoPie Cloud. Whether you're new to ProtoPie or looking to brush up on the basics, this video is a great resource for anyone looking to create interactive prototypes quickly and easily
🏆 //////////// Join my members community to get access to perks:
You can get this starting and ending design file
www.jesseshowalter.com/design-champs
------------------------------------------------------------------------------------
🤝 //////////// My Courses, Templates, Free E-Books, & 1:1 Mentorship
www.jesseshowalter.com/
👋 ////////// Follow me on Social
Instagram: / imjesseshow
Twitter: / imjesseshow
📫 ////////// Sign up for my Monthly Newsletter
www.jesseshowalter.com/newsletter
------------------------------------------------------------------------------------
🖥️ ////////// I build most of my websites using Webflow
webflow.grsm.io/4495884
🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/1372011/1347628/1...
📸 ////////// The Equipment I use
www.amazon.com/shop/jesseshow...
00:00 Introduction
01:31 Setup
03:20 ProtoPie Tour
06:26 The Mental Model
08:06 Triggers
10:00 Responses
11:33 Slide in Menu
19:26 Carousel
23:57 Chains
27:40 Upload & Share
29:11 Recordings

[@ProtoPie]

Thank you for this amazing tutorial! ✨

[@JesseShowalter]

You're so welcome!

[@rigidhammer7376]

pls make a free version (about 4 times freebies) for those learners who'se not earning yet.

[@roter13]

YES! Wanted a Protopie video for a while!

[@haneenelazab2148]

I'm glad you shared this with us. I ran into it last year (about 6 months ago), took their crash course, used it to animate a specific page on a website I was working on and I was surprised it's not more popular but I guess because the pricing plans are a bit much but it's great for prototyping and I hope you make more tutorials about other responses & variables. Thank you so much

[@richard-experience]

This is great! I never regret watching your contents!

[@anx-creative]

Incredible tutorial, i relly like how well organized this software is . Thank you , very helpful.

[@randre83]

Awesome video! I’m sold on Protopie 🔥🔥

[@personalquests]

thank your your insightful videos, i have learnt a lot from this video.

[@jam4l]

Wow, this is amazing, Thank you

[@WB-zr7pq]

Proper timeline is very appreciated in a front-end tool and needs to just be common place. This type of webflow level prototyping logic in a design tool should be a standard. Sadly I know I would just skip this step and do it in weblfow most of the time especially when budget is tight on tools. Great overview!

[@kawaiihikari0]

Gosh Jesse you’re the man! Really helped me 😊

[@JesseShowalter]

You're the best!

[@creatoratplay]

This was so helpful. Thank you!! I didn't realize how limited Figma was for prototyping until I was trying to set up more than one interaction at a time. I It was also inconsistent and glitchy. I also appreciate that you showed how we can hand-off the specs for these animations! 🙌

[@milagrostorviscoluna4403]

Amazing video!!

[@Jo-cr9kw]

Awesome video, thank you!

[@JesseShowalter]

Glad you liked it!

[@marcpoinson9300]

First comment 🎉 thanks for the value Jesse !! Glad I subscribed

[@Leonor1990vdb]

Do you have a tutorial on how to make radio buttons where only one can be clicked? I cannot find an up to date tutorial. Many thanks.

[@radepent]

i liked the sound part of how we will explain the animation to DEV 😛 shhhhhhkkk

[@djashawe88923]

Thanks for the great content. I have a question. Unless you're specifically utilizing native features like the camera, wouldn't it be more advantageous to use Figma for prototyping? Especially considering that Figma's prototyping capabilities have been enhanced with the introduction of variables?

[@JesseShowalter]

Thanks so much! Figma and Protopie are BOTH great!! I use both :)

[@orishinaogunro]

Hi Jesse. A quick question: how do I share/download a recorded (handoff) prototype to socials

[@markinmotion8044]

its amazing how many companies have no interest in doing this. Its mad

[@rigidhammer7376]

the best developers' language : 30:37 😂

[@kieutrang1579]

23:20 It seems like the new version doesn't have the Page by custom/container anymore. How can we fix it?

[@rigidhammer7376]

is this a good plugin for those figma free version users that cannot use prototype fully? just a beginner/student and dont want to spend upon learning process

[@k__kk4587]

So, it's basically ProtoPie official crash course copy paste, just changed colors and images in design?

[@sabbir10r]

Is it a free tool?

[@markinmotion8044]

basics are. If you want more from it you have to pay

[@sizif1112]

What about desktop prototype?

[@JesseShowalter]

Yes, ProtoPie does it all

[@ProtoPie]

Hi Slaven, Sure, you can also create prototypes for desktop, tablets, and many more devices, including TV. :)

[@gauravidesigns]

Bro are you serious , I am using protopie for more than 2 years now 😄

[@elizewatkins5389]

...and he made a video and you didn't... So Thanks Jesse loved the tutorial, keep it up! 👍🏻

[@ProtoPie]

Wow, 2 years. Thanks for your preference :)

[@gauravidesigns]

@@ProtoPie :)

[@gauravidesigns]

Some of my comments are deleted . I think the author is not able to bear the truth . Anyway I got this video on my feed . I do not follow any random guy for any random tutorial who comes just for views that too for 10 minutes . I prefer protopie workshops more 😊