Figma vs ProtoPie (Which is best?)

Подписаться 173 тыс.

Просмотров 27 тыс.

50% 1

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 RU-vid 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

Развлечения

Опубликовано:

4 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 102

@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

@adelanaofficial Год назад

Dang Mizko, you have a way with words. I'm definitely allocating more time to learn 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.

@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 :)

@elijahmbang2728 2 месяца назад

Thank you. this video means alot to me.

@oreoluwaayanleye2048 5 месяцев назад

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

@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 :))

@paulamara2044 4 месяца назад

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

@SkrezaStudio Год назад

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

@Mizko Год назад

Thanks Skreza! Glad you found this useful

@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?

@fictionplus Год назад

Can we export CSS for these animations or interactions?

@smilli6415 Год назад

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

@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!

@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.

@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 ^^

@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.

@sefviclaudia2305 Год назад

How to make that green variable?

@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.

@aiiirlife9273 6 дней назад

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

@luongkhai6435 Год назад

Thank you for your helpful video

@Mizko Год назад

No problemo

@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.

@Cncrt Год назад

Great video.

@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 8 месяцев назад

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.

@uxuidesign_21 Год назад

Will you create a course on how to use Protopie?

@henkegiaretta Год назад

How to integrate into Figma workflow?

@GraveRave Год назад

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

@Mizko Год назад

It’s a great tool! Definitely worth it

@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.

@infographie Год назад

Excellent

@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 :)

@FF-dm9qw 6 месяцев назад

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.

@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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-c6RbbaKpDAo.html :)

@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

@cael566 Год назад

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

@perpetualmeninwa6695 Год назад

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

@Mizko Год назад

Yes! Available on Windows

@perpetualmeninwa6695 Год назад

Wow! Soooo cooollll. Thank you

@kalifaofficielle1026 6 месяцев назад

It’s impossible to play video on figma mobile app

@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!

@sicfxmusic 5 месяцев назад

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

@hishadhin Год назад

Amazing

@Mizko Год назад

Thanks Shadhin!

@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.

@DANNYEL20122 Год назад

Please talk about framer

@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

@theorangecam21 Год назад

12:42 You can also do this with figma!

@koenvanniekerk4231 Год назад

Familiar with both of them. They are complementary

@Erik-pk1ml Год назад

Is it possible to import Figma prototypes to Protopie?

@chidorirasenganz Год назад

Yep

@Mizko Год назад

Yes, you import your Figma screens with the Figma plugin

@uxalok Год назад

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

@Mizko Год назад

See you there soon too :)

@woozy2171 Год назад

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

@SyukriGazali Год назад

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

@onyeka_ezeneche Год назад

Is protopie free like Figma?

@Mizko Год назад

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

@onyeka_ezeneche Год назад

@@Mizko thanks Miz

@none_the_less Год назад

Anyone still using Adobe Fireworks?

@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

@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

@abdelmonemabbasy1800 Год назад

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

@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...)

@Miviene13 11 месяцев назад

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. 🥲