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.
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
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.
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.
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.
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
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.
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.
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.
@@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.
@@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?
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?
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. :)
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.
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
@@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
@@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.
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
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.
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
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: th-cam.com/video/c6RbbaKpDAo/w-d-xo.html :)
@@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...)
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.
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
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. 🥲
Videos of mizko are extremely informative!!!! Seriously helps you take your design to the next level
Thank you so much Anurima :) Glad you found this informative.
100% agree!
@@Maiasgameroom Thank you Maia!
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.
Agreed! But many designers aren’t aware of other products that can offer more than Figma’s prototyping capabilities.
Actually I think UXpin might be better than Protopie especially since you don’t have to rely on importing from another tool.
@@chidorirasenganz You would then have to re-design everything in Figma?
It seems to me that protopie plans are very expensive, I think that with principle you can achieve great prototypes
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
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 ^^
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.
Thanks for sharing this Arash! I'll forward this over to them for you!
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.
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.
What would recommend for Branching and Merging? Figma or Protopie. It's for a large complex project...
Problem with things like protopie that sometimes the import from. sketch, figma, xd sucks.. Not always, but sometimes.
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
I myself is a big protopie fan. It's actually very comprehensive and interactive and the possibilities are endless. Good review!
Thank you Miqdam!! Great to hear!
Thank you Miqdam^^ Highly appreciated :)
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.
Figma: Tell the developer this is a email field
ProtoPie: Tell the developer email field is used to type in email address
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.
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.
@@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.
You need a dead cat or a screen for your mic when you talk your Ps are popping
Ah! Really? I'll look into this
I noticed a lot of designers using it for mobile though? Doesn't seem like for desktop?
Figma is good because auto layout and they free...
but for prototyping with a lot of interactions, its very like a tangled thread 😂
Amazing review! Protopie is awesome and definitely for more the advanced projects. Wish the price was a bit lower 😅
yeah, they overpriced it, better the days it was only a paid version but still affordable
@@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?
Yep! They're definitely positioned for larger teams on more complex projects.
It’s impossible to play video on figma mobile app
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?
Ofcourse the green rectangle can be hidden (the default state is actually hidden). Yes you can customize the input component however you want.
Will you create a course on how to use Protopie?
By Guys gotta try Protopie! See you in mizko's next video
See you there soon too :)
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?
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. :)
If only axure was a little easier and prettier to use.. it was designed by engineers.
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.
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
really helpfull video .. i was looking for prototyping tool and find this
Thanks Skreza! Glad you found this useful
I actually have protopie, gotta find time to learn using it.
It’s a great tool! Definitely worth it
Mizko, is protopie better than Principle?
I personally haven't used Principle in a number of years so I can't say sorry!
Thanks so much for the video. Please do a full video on how to use Protopie.
thank you for your videos. all of things about your knowledge is so awesome, so useful to understand , wish all best thing , From Vietnam :))
the free version is not helping. Can you share your software protopie.
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
Framer has pivoted to no-code website building, so they're competing with Webflow more than ProtoPie.
@@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
@@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.
Thank you for your helpful video
No problemo
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
I think they came out with a free version recently if I am remembering correctly.
@@chidorirasenganz yeah, 29th may, almost two months now
Exactly :)
You forgot to say that ProtoPie doesn't support having a design system yet.
Anyone still using Adobe Fireworks?
Good that I found this video as I was searching and scrambling myself to understand the differences around usecases. Thank you for publishing this :)
Familiar with both of them. They are complementary
Dang Mizko, you have a way with words.
I'm definitely allocating more time to learn Protopie. ✌🏾
I wish I could use protopie but it's sooo heavy priced
@mizko Can this be used on Windows as well as Mac?
Yes! Available on Windows
Wow! Soooo cooollll. Thank you
Thank you. this video means alot to me.
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.
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
Excellent
what about invision .. is it same as protopie? which is better ?thanks
How to integrate into Figma workflow?
Is it possible to import Figma prototypes to Protopie?
Yep
Yes, you import your Figma screens with the Figma plugin
Can we export CSS for these animations or interactions?
12:42 You can also do this with figma!
How to make that green variable?
Please talk about framer
Is protopie free like Figma?
You can try for free! Link is in the description!
@@Mizko thanks Miz
Amazing
Thanks Shadhin!
Does ProtoPie have developer handover option? Or do we just use it for prototyping?
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: th-cam.com/video/c6RbbaKpDAo/w-d-xo.html :)
Great video.
"Which is best?"? let me guess, the one that sponsoring you ? 🤔
Obviously didn’t watch the video 🫠
@@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...)
well, I do never expect an honest and objective opinion from sponsored based video 😉
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.
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
@@elle381 word
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. 🥲