High-Fi Prototypes are Not Optional | ProtoPie to the Rescue

The problem with the current average level of prototypes is that they still require some imagination to fully understand. Too many designers are presenting designs with a lack of clarity. We can now present fully functional, high fidelity prototypes that directly match our vision for the designs we create... Remember to Subscribe goo.gl/6vCw64
🖥️ ////////// Try ProtoPie for Free
www.protopie.io/plans?ref=jesse
Learn how to use ProtoPie's powerful features
learn.protopie.io
🏆 //////////// Join my members community to get access to perks:
You can get this starting and ending design file
designchamps.io/
👋 ////////// Join the Discord Server and meet other creatives
/ discord
------------------------------------------------------------------------------------
🤝 //////////// 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:00 Low-Fi
02:02 Mid-Fi
02:20 What's wrong with low and mid?
03:50 ProtoPie
05:40 Hi-Fi Examples
08:32 Build your own
11:34 Final Thoughts

[@chukwudinnodim5384]

Thanks alot ! I'm getting this Protopie immediately

[@She_tech]

Wow this looks cool , always wanted more animations to my design as a newbie , thanks for this .

[@kavr]

Mid level is what I knew so far, thanks for clearing up what high level is Jessie. 😃

[@SuperSixTeam]

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

[@itsangmang]

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 😅

[@felipeandrade2470]

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.

[@fictionplus]

This^^^^

[@ProtoPie]

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: kzbin.info/www/bejne/mWe1k5WXgNV3d9E. Don't be afraid to go high fidelity with your designs and prototypes, ProtoPie's got your back ;).

[@edenassos]

"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

[@edenassos]

It's clear you know nothing about development but here I am thinking you know nothing about design either.@@felipeandrade2470

[@einzelstein5291]

The ticket thing is super cute! Mahalo :)

[@prajwalsharma2794]

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?

[@LordJHouse]

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?

[@ProtoPie]

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.

[@fictionplus]

But can you export to development apps like Flutterflow, Bravo, etc? Doesn't seems so :(

[@marzoval9551]

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.

[@ProtoPie]

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

[@fictionplus]

Exactly, they should have seamless handoff to development apps too or just acquire Bravo studio and make a complete solution :D

[@ProtoPie]

@@fictionplus We do have a very seamless handoff, we call it Interaction Recordings :) Check it out here: kzbin.info/www/bejne/mWe1k5WXgNV3d9E

[@fictionplus]

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

[@adamlassen1185]

nice, great stuff.

[@wrdj3094]

Well I'm getting protopie now

[@rb1588]

insane, thank you

[@Valentynaua]

ProtoPie is really amazing tool. I wish its subscription were not so expensive for those who just started to work with it.

[@kavr]

This is a game changer

[@jameswalkine6698]

I want to hire you

[@JesseShowalter]

I take client projects. If your serious reach out on my website 👍🏼

[@jorgeantao28]

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

[@Valentynaua]

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.

[@underscoreroa]

Axure RP really dropped the ball not modernizing their prototyping capabilities. Totally fell asleep at the wheel.