Figma vs ProtoPie (Which is best?)

ProtoPie is the easiest prototyping tool for all digital products. Turn your interaction design ideas into high-fidelity prototypes for mobile, desktop, web, all the way to IoT. Import your designs from Figma and create dynamic prototypes beyond what Figma can do.
Try ProtoPie for free:
bit.ly/Get_ProtoPie
Find more tutorials on the ProtoPie KZbin channel:
/ protopie
---
Timestamps
00:00 - The changing design landscape
00:54 - Figma isn't built for prototyping
02:10 - ProtoPie has enabled advanced prototyping
02:20 - Linear vs Dynamic prototyping (Figma vs ProtoPie)
04:35 - Interactivity (Figma vs ProtoPie) -
07:40 - List of Events (Figma vs ProtoPie) -
11:45 - Viewing Prototypes (Figma vs ProtoPie) -
13:05 - Final thoughts, comparison and summary
---
My Ultimate Figma Design Masterclass (3,200+ students. 90+ Videos. 10+ hours)
👉 thedesignership.com/courses/t...
Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets)
👉 thedesignership.com/products/...
Outline - Figma Wireframe Kit (350+ components and variants)
👉 www.thedesignership.com/produ...
Sign up to my newsletter for exclusive content:
👉 mizko.net/newsletter
Follow me on IG (Daily updates):
👉 / themizko
---
Level up with me:
Become a legendary designer: thedesignership.com
Personal portfolio: mizko.net
Instagram: / themizko
LinkedIn: / mizko
Twitter: / mizko

[@anurimaprabhakar6080]

Videos of mizko are extremely informative!!!! Seriously helps you take your design to the next level

[@Mizko]

Thank you so much Anurima :) Glad you found this informative.

[@Maiasgameroom]

100% agree!

[@Mizko]

@@Maiasgameroom Thank you Maia!

[@mithunnarayana7249]

Good that I found this video as I was searching and scrambling myself to understand the differences around usecases. Thank you for publishing this :)

[@uxalok]

I had protopie downloaded but never really got time to learn about the capabilities it had! Now that Mizko tells me how powerful it is! I definitely got to try it ✌️❤️thank you my man

[@HaiHoang1992278]

thank you for your videos. all of things about your knowledge is so awesome, so useful to understand , wish all best thing , From Vietnam :))

[@adelanaofficial]

Dang Mizko, you have a way with words. I'm definitely allocating more time to learn Protopie. ✌🏾

[@elijahmbang2728]

Thank you. this video means alot to me.

[@SkrezaStudio]

really helpfull video .. i was looking for prototyping tool and find this

[@Mizko]

Thanks Skreza! Glad you found this useful

[@miqdamsajid875]

I myself is a big protopie fan. It's actually very comprehensive and interactive and the possibilities are endless. Good review!

[@Mizko]

Thank you Miqdam!! Great to hear!

[@ProtoPie]

Thank you Miqdam^^ Highly appreciated :)

[@paulamara2044]

Thanks so much for the video. Please do a full video on how to use Protopie.

[@IsionIndustries]

I’m so glad I found your channel you provide straight to the point knowledge bombs. Do you use After Effects in your workflow at all? I’ve been using AE solely for 10 years, I still feel stuck on how I need to adapt tools like Figma into to a workflow with AE. I totally want to ditch AI for Figma. Random: I still find it weird animating stuff with no keyframe timeline panel.

[@Cncrt]

Great video.

[@luongkhai6435]

Thank you for your helpful video

[@Mizko]

No problemo

[@EvanMoir]

Axure had it right back in the day, event-based prototyping with actual UI components data binding is the way to go. If only they'd figured out variants and web collaboration. ProtoPie looks like it might be the best of both worlds, gonna give it a try. :)

[@morespinach9832]

If only axure was a little easier and prettier to use.. it was designed by engineers.

[@infographie]

Excellent

[@femitoby9708]

Hi Mizko, is there a way we can get the assets for the last protopie course so that we can practice along?? The video is so so good and actually worth practicing everyday. 2. Are u also going to make well detailed protopie tutorial like the last one soon?? I love your videos man. You're an inspiration to me

[@ProtoPie]

Hi Femi, Could you let us know which course do you mean? The one on this video? :) If you confirm, we will try to share the pie asap ^^

[@ShredzZ]

What about sketch? I really like using it, im just learning UI/UX now, does sketch will be good software or i need to use figma?

[@birdofprey108]

Well. Figma gets more and more advanced and I think eventually looks to close the gap. The example you gave with changing the field to filled (6:00), can be achieved with interactive variants. And previewing Figma PTs is really easy with their Figma mirror app.

[@mikeparkerf3]

I used to love ProtoPie then Framer X came out a few years ago, and now it’s just Framer, I love it for prototyping

[@Mizko]

Framer has pivoted to no-code website building, so they're competing with Webflow more than ProtoPie.

[@njengathegeek]

@@Mizko I think framer is a nice tool in prototyping but it should concentrate on that because their web builder is so inferior to compete with webflow. They want to be a jack of all trades but master of none. Nice work to protopie and webflow for being specific and offering the best in it

[@mikeparkerf3]

@@Mizko yeah that’s their primary focus now but they’ve stated that prototyping is here to stay in their discord, and the features are still so fast, I do love ProtoPie tho, but they’ve dramatically increased the price per seat.

[@uxuidesign_21]

Will you create a course on how to use Protopie?

[@oreoluwaayanleye2048]

Hi mizko, thank you for an insightful video, but I'm kinda experiencing an issue with my protopie studio, the left panel isn't scrolling down, which makes it impossible to customise my input field, i literally can't do anything that requires scrolling down in the left panel, pls is there any insight that can help or if there's a shortcut I can use reduce the panel size so that I can see all my panel options at once

[@allencabo]

Amazing review! Protopie is awesome and definitely for more the advanced projects. Wish the price was a bit lower 😅

[@njengathegeek]

yeah, they overpriced it, better the days it was only a paid version but still affordable

[@allencabo]

@@njengathegeek Yeah I bought the year individual plan a few years back and I think it was around $120. Now for the pro plan, you either spend $80 a month or $700 a year. Way too expensive. ​ @Mizko can you help us get a discount?

[@Mizko]

Yep! They're definitely positioned for larger teams on more complex projects.

[@GraveRave]

I actually have protopie, gotta find time to learn using it.

[@Mizko]

It’s a great tool! Definitely worth it

[@frankvasquez4827]

Is it possible to hide the variables (green Rectangles with the storages info)? I asume is the default appearance of the trigger component. Also, can you customize the Input component to be like your actual component from the Design System?

[@favsolomon1]

Ofcourse the green rectangle can be hidden (the default state is actually hidden). Yes you can customize the input component however you want.

[@sicfxmusic]

Figma: Tell the developer this is a email field ProtoPie: Tell the developer email field is used to type in email address

[@njengathegeek]

I know the power of protopie, some people are lucky to find it free forever... unlike me, I was working against time with the trial period. That's an amazing review

[@chidorirasenganz]

I think they came out with a free version recently if I am remembering correctly.

[@njengathegeek]

@@chidorirasenganz yeah, 29th may, almost two months now

[@Mizko]

Exactly :)

[@arashhaghighi4618]

I've been using protopie for some days now it's a fantastic tool but it has some minor and few major problems that could be easily fixed liked you can't see the changed state of your object after interaction and your only way is the preview that is not editable and it's kinda frustrating to set interaction changes just with digits and use preview to check the outcome (it should have a preview point on the timeline like video editing apps like premiere and after effects) another problem is when your timeline is too long and your monitor is not much big (like a laptop or MacBook) you can't navigate the timeline and your only option is to set an interaction start delay to where you have the timeline and then drag that to where you want the timeline (they just need to add scroll option to timeline) and one more problem is when your record your preview on your PC, in complex animations recorded video is very laggy even in i7-12700 and it's bad coding and development of the app because there are resources to use but it will use very little of it (like 10% of CPU) these were the most frustrating problems that I faced and there are some other minor problems too. I hope you can send this comment to them or ask them to contact me for more specific comments. anyway, it's an amazing tool to use but it can be much better.

[@Mizko]

Thanks for sharing this Arash! I'll forward this over to them for you!

[@OneBrighDay]

I always have a hard time with the line between design and prototyping. Because I design and code I often design in Figma and then do the prototype in React or Vue. If I do that in between step I would think a tool like Framer would be better because it can make basic React components and I can manually code up the rest as necessary. These in between tools are tough for me to invest in.

[@TwoLeggedTriceratops]

I think it's for designers that want that extra layer of realism to their prototype. Certainly if you have the skillset to do both design and code then this layer would seem redundant and you could create a realistic "prototype" directly in code or through a "no-code" app. I do think that eventually Figma will evolve and naturally incorporate a lot of ProtoPie features in, and it's for that reason I will probably skip on ProtoPie.

[@VinaySC]

Just a personal opinion, but aren't we comparing two softwares with a totally different intent? Figma has a bunch of prototyping capabilities along with the whole design suite. Protopie is mainly built to make prototypes super interactive. No other software comes close in terms of prototyping with Protopie.

[@Mizko]

Agreed! But many designers aren’t aware of other products that can offer more than Figma’s prototyping capabilities.

[@chidorirasenganz]

Actually I think UXpin might be better than Protopie especially since you don’t have to rely on importing from another tool.

[@Mizko]

​@@chidorirasenganz You would then have to re-design everything in Figma?

[@yisas28]

It seems to me that protopie plans are very expensive, I think that with principle you can achieve great prototypes

[@chidorirasenganz]

I think the biggest downside is their lack of a layout engine. They don’t have grids if I recall and they don’t have auto layout which makes building in it a hassle.

[@Mizko]

Grids and Autolayout are for final designs. Prototyping is an entirely different use case. You prototype to de-risk complex projects, so you don't have to go into development to do usability testing.

[@chidorirasenganz]

@@Mizko Right but you want your prototypes to be very sharp looking. The spacing and alignment should be on point in order to make the prototype higher fidelity. Since for some designs like those who require text inputs have to be redesigned in Protopie, it would be nice to not have to manually handle alignment and spacing.

[@hishadhin]

Amazing

[@Mizko]

Thanks Shadhin!

[@smilli6415]

what about invision .. is it same as protopie? which is better ?thanks

[@fictionplus]

Can we export CSS for these animations or interactions?

[@aiiirlife9273]

What would recommend for Branching and Merging? Figma or Protopie. It's for a large complex project...

[@sefviclaudia2305]

How to make that green variable?

[@FF-dm9qw]

Hello Mizko , 1-year after - Do you have an update on this analysis ? Have Figma progressed enough ? And are you going to provide Protopie courses as well ? Cheers.

[@6alonl]

Problem with things like protopie that sometimes the import from. sketch, figma, xd sucks.. Not always, but sometimes.

[@Mizko]

I haven’t had any problems with ProtoPie just yet with syncing and exporting. Do you have an exact scenario? How many screens did you try? I can get their team to look into it for you

[@henkegiaretta]

How to integrate into Figma workflow?

[@MalikJanS]

Does ProtoPie have developer handover option? Or do we just use it for prototyping?

[@ProtoPie]

Hi Marek, We do have them. It is called Interaction Recordings, more than a handoff. It is super intuitive, you just need to record your prototype in action and the recording will save all the interactions specs. Check this video: kzbin.info/www/bejne/mWe1k5WXgNV3d9E :)

[@cael566]

the free version is not helping. Can you share your software protopie.

[@ryanm4769]

I noticed a lot of designers using it for mobile though? Doesn't seem like for desktop?

[@lazarelondaridze]

Mizko, is protopie better than Principle?

[@Mizko]

I personally haven't used Principle in a number of years so I can't say sorry!

[@uxalok]

By Guys gotta try Protopie! See you in mizko's next video

[@Mizko]

See you there soon too :)

[@DANNYEL20122]

Please talk about framer

[@kalifaofficielle1026]

It’s impossible to play video on figma mobile app

[@perpetualmeninwa6695]

@mizko Can this be used on Windows as well as Mac?

[@Mizko]

Yes! Available on Windows

[@perpetualmeninwa6695]

Wow! Soooo cooollll. Thank you

[@koenvanniekerk4231]

Familiar with both of them. They are complementary

[@SyukriGazali]

Figma is good because auto layout and they free... but for prototyping with a lot of interactions, its very like a tangled thread 😂

[@theorangecam21]

12:42 You can also do this with figma!

[@Erik-pk1ml]

Is it possible to import Figma prototypes to Protopie?

[@chidorirasenganz]

Yep

[@Mizko]

Yes, you import your Figma screens with the Figma plugin

[@woozy2171]

I wish I could use protopie but it's sooo heavy priced

[@abdelmonemabbasy1800]

You forgot to say that ProtoPie doesn't support having a design system yet.

[@onyeka_ezeneche]

Is protopie free like Figma?

[@Mizko]

You can try for free! Link is in the description!

[@onyeka_ezeneche]

@@Mizko thanks Miz

[@jdeso3]

You need a dead cat or a screen for your mic when you talk your Ps are popping

[@Mizko]

Ah! Really? I'll look into this

[@none_the_less]

Anyone still using Adobe Fireworks?

[@Yizhaki1]

"Which is best?"? let me guess, the one that sponsoring you ? 🤔

[@Mizko]

Obviously didn’t watch the video 🫠

[@Yizhaki1]

​@@Mizko I've been watching lots of your videos lately (including this one) and the content is always well presented and informative, but on this one the title is a bit misleading since you are sponsored by one of these platforms 🤷‍♂ (tho you are right about ProtoPie being a better prototyping tool...)

[@davidpst]

well, I do never expect an honest and objective opinion from sponsored based video 😉

[@Mizko]

I don’t accept sponsorship from products and brands I don’t personally use or endorse :) The only brands I’ve partnered with on my channel are Zeplin and ProtoPie :) both which I’ve used and love.

[@elle381]

This man pumps out immense, current value. You mean to tell me he hasnt earned credibility? You mean to tell me someone sharing information for free can't fairly earn based on whats relevant and true for their expertise? This level of cynicism is unfair my friend

[@victor260698]

@@elle381 word

[@Miviene13]

All my confusion was caused by unawareness of Figma's limits. I was trying to make prototypes that are impossible to create at Figma.. and I was telling myself "it's just the problem solving part of my work to do" 😂 I'm so excited and going to check out protopie's possibilities. 🤩 Now tell me how to find a job as a UI designer with 0 commercial experience, because I'm afraid that companies that are looking for such specific role are looking for seniors only. 🥲