Protopie doesn't just stop there though. I've used many version of Protopie starting from 2018 (I believe?) And it most came helpful in a real-life professional situation when I needed to simulate inputs between two difference devices depending on gestures. We were prototyping a screen sharing feature for our app that allowed to stream certain data to a different client basically, so we prototyped it using Protopie which allows you to ALSO make triggers depend on different scenes, opened on different machines, which are under the same network. Crazy good. I haven't used it in a while, but I am glad to see it hasn't stopped improving, especially UI wise! Old versions were clunky as hell
As someone new to UX/UI Design, while ProtoPie looks very cool and useful for prototyping - you even mention that one can go as far as to actually filter songs in the input demonstration you did - at what point would it simply be more efficient to just skip to developing the app itself rather than spending the extra time and work to add more true (but not 100%?) functionality in ProtoPie from Figma? It almost seems as if with ProtoPie you can create a fully functional app only to start from scratch when you hand off to develop.
Hi Marzoval, Well, as you may know the main purpose of prototyping is to test and validate assumptions before you start developing the actual product. It helps you save time and money. Rebuilding part of your product because you didn't do any testing is usually much more expensive and time-consuming rather than creating a prototype and testing it with real users. Many organizations are aware of this issue and therefore they bet for prototyping as their best option when developing their products. ;)
I just learned there is a prototyping software called protopie. My question is like we create multiple variants of a button like hover pressed disabled when making a design in figma. But if we have to use protopie for our animation do we need to make all these variants in figma as well?
Very cool, thank you for taking the time to introduce us to protopie! Can web developers code all these cool interactions ? Wouldn’t want my prototype to be more interesting than the final product 😅
Exactly my thoughts, I've never jumped to ultra high fidelity prototypes because I never know if there's a way to export these animations or if the devs will be able to do it with other tools.
Very good point Angie^^. But of course developers can recreate what you build in ProtoPie. Moreover, following @Felipe Andrade 's comment, ProtoPie has an easy way to help designers communicate their desired interactions to developers. We have Interaction Recordings: th-cam.com/video/c6RbbaKpDAo/w-d-xo.html. Don't be afraid to go high fidelity with your designs and prototypes, ProtoPie's got your back ;).
"If the devs will be able to do it with other tools?" An incompetent dev will not be able to do it. Export animations? Only someone incompetent would think a dev needs to "export" the animation to be able to make it happen on a site or app.@@felipeandrade2470
I'm usually not sold on a plugin or program quickly, but in this case, I can't wait to buy and start using it. Question though: Does PhotoPie create code that you can then pass onto developers? Or can it integrate with Zeplin for this reason so it's a smoother transition from UI guy to Dev?
Hi, Since ProtoPie a code-free prototyping tool, it does not create code to pass into developers. However, we have a more intuitive feature called Interaction Recordings. Each recording will contain all your interactions specs such as duration. delay, etc. Everything developers need to recreate the final product.
It is pretty expensive. And the free version is very limited. Maybe create a less expensive time limited version for freelancers. Even Adobe knows that freelancing is on the rise and created somewhat less expensive plans, again, for freelancers....
Thanks alot ! I'm getting this Protopie immediately
Protopie doesn't just stop there though. I've used many version of Protopie starting from 2018 (I believe?) And it most came helpful in a real-life professional situation when I needed to simulate inputs between two difference devices depending on gestures. We were prototyping a screen sharing feature for our app that allowed to stream certain data to a different client basically, so we prototyped it using Protopie which allows you to ALSO make triggers depend on different scenes, opened on different machines, which are under the same network. Crazy good.
I haven't used it in a while, but I am glad to see it hasn't stopped improving, especially UI wise! Old versions were clunky as hell
Wow this looks cool , always wanted more animations to my design as a newbie , thanks for this .
Mid level is what I knew so far, thanks for clearing up what high level is Jessie. 😃
As someone new to UX/UI Design, while ProtoPie looks very cool and useful for prototyping - you even mention that one can go as far as to actually filter songs in the input demonstration you did - at what point would it simply be more efficient to just skip to developing the app itself rather than spending the extra time and work to add more true (but not 100%?) functionality in ProtoPie from Figma? It almost seems as if with ProtoPie you can create a fully functional app only to start from scratch when you hand off to develop.
Hi Marzoval,
Well, as you may know the main purpose of prototyping is to test and validate assumptions before you start developing the actual product. It helps you save time and money. Rebuilding part of your product because you didn't do any testing is usually much more expensive and time-consuming rather than creating a prototype and testing it with real users. Many organizations are aware of this issue and therefore they bet for prototyping as their best option when developing their products. ;)
Exactly, they should have seamless handoff to development apps too or just acquire Bravo studio and make a complete solution :D
@@fictionplus We do have a very seamless handoff, we call it Interaction Recordings :)
Check it out here: th-cam.com/video/c6RbbaKpDAo/w-d-xo.html
@@ProtoPie If it's one thing, you guys have stellar PR lol
I'll take a look but is it for no-code developers too? (Webflow, Flutterflow, etc)
I just learned there is a prototyping software called protopie. My question is like we create multiple variants of a button like hover pressed disabled when making a design in figma. But if we have to use protopie for our animation do we need to make all these variants in figma as well?
Very cool, thank you for taking the time to introduce us to protopie!
Can web developers code all these cool interactions ? Wouldn’t want my prototype to be more interesting than the final product 😅
Exactly my thoughts, I've never jumped to ultra high fidelity prototypes because I never know if there's a way to export these animations or if the devs will be able to do it with other tools.
This^^^^
Very good point Angie^^. But of course developers can recreate what you build in ProtoPie. Moreover, following @Felipe Andrade 's comment, ProtoPie has an easy way to help designers communicate their desired interactions to developers. We have Interaction Recordings: th-cam.com/video/c6RbbaKpDAo/w-d-xo.html. Don't be afraid to go high fidelity with your designs and prototypes, ProtoPie's got your back ;).
"If the devs will be able to do it with other tools?" An incompetent dev will not be able to do it. Export animations? Only someone incompetent would think a dev needs to "export" the animation to be able to make it happen on a site or app.@@felipeandrade2470
It's clear you know nothing about development but here I am thinking you know nothing about design either.@@felipeandrade2470
But can you export to development apps like Flutterflow, Bravo, etc? Doesn't seems so :(
The ticket thing is super cute! Mahalo :)
I'm usually not sold on a plugin or program quickly, but in this case, I can't wait to buy and start using it. Question though: Does PhotoPie create code that you can then pass onto developers? Or can it integrate with Zeplin for this reason so it's a smoother transition from UI guy to Dev?
Hi,
Since ProtoPie a code-free prototyping tool, it does not create code to pass into developers. However, we have a more intuitive feature called Interaction Recordings. Each recording will contain all your interactions specs such as duration. delay, etc. Everything developers need to recreate the final product.
Well I'm getting protopie now
ProtoPie is really amazing tool. I wish its subscription were not so expensive for those who just started to work with it.
It is pretty expensive. And the free version is very limited. Maybe create a less expensive time limited version for freelancers. Even Adobe knows that freelancing is on the rise and created somewhat less expensive plans, again, for freelancers....
I totally agree with you. $67 per editor/month is really expensive price for a freelancer who also regularly pays for many other tools needed to work.
I want to hire you
I take client projects. If your serious reach out on my website 👍🏼
nice, great stuff.
insane, thank you
This is a game changer
Axure RP really dropped the ball not modernizing their prototyping capabilities. Totally fell asleep at the wheel.