Easily Build ADVANCED & INTERACTIVE Mobile App Prototypes | ProtoPie Tutorial

My Ultimate Figma Design Masterclass (1,800+ students. 90+ Videos. 10+ hours.) 👉 thedesignershi...
Shipfaster UI - Advanced Figma Design System (1,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets) 👉thedesignershi...
Sign up to my newsletter for exclusive content:
mizko.net/news...
Follow me on IG (Daily updates):
/ themizko
===
🔗 Links
Personal portfolio: mizko.net
Instagram: / themizko
LinkedIn: / mizko
Twitter: / mizko
Level up with all my design courses and resources: thedesignershi...

[@Mizko]

This week's question, how often do you prototype your designs for clients and stakeholders? If you haven't already seen it, check out 7 underrated design inspiration websites 👉 kzbin.info/www/bejne/pqC7g6WCq7NqjM0&t Yours truly, Mizko

[@avtandildevdariani4630]

when I insert a media file in protopie can I PLAY IT ?

[@deejman]

Dude you are so rad. I wanna get your masterclass and I was wondering when it was released and if it contains the most up-to-date features of Figma but now that I see this I'm assuming that it certainly is updated with all the new features and information? Love your content so so much, you've helped me a ton.

[@finrod_one]

Was playing around ProtoPie this week and this gave me a huge jumpstart. Please do a masterclass for ProtoPie as well and I'd be more than willing to pay! Appreciate what you do for the community Michael. 👏

[@merisimamovic965]

The best ever, very underrated considering the popularity of Principle. Glad you brought this up. 💡

[@Mizko]

100% ProtoPie is definitely on the right track!

[@uxpatrick]

If you would have any questions or wonder how to create something - text me 👀 For the last 2 years I was mastering skill at ProtoPie and eventually I even became an official ambassador of this software 🤓 Feel free to ask about anything!

[@tochidioka6019]

Hi Patrick.. i'm trying to create some amazing animations using protopie. scrolling animation, sound animation for gamification, and the constant rotation of an element.

[@tuananhhoang673]

Damn I can't believe this tutorial is free, awesome work and exactly what I'ven been looking for !!!!!!

[@pradeepdeepu111]

Hi Mizko, This is Pradeep a self-thought designer from India, I follow your youtube channel and learned a lot to improve my design. I have a request for you regarding the Figma & UI design course. I am waiting to take this course but it is too expensive for me. Is there any option of where I can get this at a discounted price? which will help me a lot. Thank you,

[@mischugo]

Thanks a lot for the show. Perfect as usual ;-) An important question for me that I have not yet been answered in detail: How do I prepare Figma for ProtoPie. In the layout phase in Figma I create countless screens. All with many frames, auto layout, and many nestings. Do I have to copy all screens to a new page and prepare them? Reduce anything?

[@saanvikapoor-p4z]

can i get the code of the app that i will make here??

[@elle381]

First time I ever looked for someone's referral code so they would get credit and paid for my signing up 😂 whew this channel got me good!

[@Mizko]

You are a legend 😂

[@coderblip8435]

Protopie is just too good

[@Mizko]

They are the great goat!

[@chrisronan]

@mizko - you have great energy. Is this your KZbin persona or are you always this way?? Amazing bro.

[@Mizko]

Hey Chris! Thanks for the feedback! Means a lot. It is 100% me 🙏 I would find trying to be someone else way too tiring haha.

[@chrisronan]

@@Mizko awesome dude. Keep up the great work. I’m in dallas TX and hope to be in Sydney / Melbourne soon. Miss that part of the world!

[@MissMe1111]

it appears you need to have a figma wireframe/prototype to import FIRST. All the tutorials I've watched show a figma wireframe being IMPORTED into protopie. Is it correct I need to have a digital wireframe to import first? I was hoping to just roll with my drawn wireframes and start learning protopie.

[@muhammadfaris1446]

hey, sir is this app really free?

[@bvs455]

Does it have something similar to Smart Animate from Figma? Also, how would animations involving variations in a component (e.g. hover states buttons) work in Protopie?

[@Di_Genius123]

first of all... you didn't mention where to get the files you exported into protopie literally a minute into the video...

[@vasu9760]

Very informative 👍

[@Mizko]

Thank you Vasu!

[@lalumiere9144]

This is awesome 👍 Thank you for explaining it clearly

[@mikeherbsdeh8394]

Thanks a lot for this tutorial. Please my question is, is it possible to control any animation with a phone button? For instance, you want to show that video recording can be stopped by pressing maybe, the down volume button on your phone.

[@quantum100HDgames]

Hey Mizko, does ProtoPie allow responsive designs? If I share a prototype with team members or stakeholders with different sized phones, is there a method of dealing with that?

[@Mizko]

You could create a seperate prototype for each view.

[@uxpatrick]

The prototype will fit try to fit their resolution. Eventually It would be shown as a smaller screen. Actually you can generate a link and let others user this on the website. In that case everyone can set the resolution of this by themself 🤓

[@varunchandratewari517]

Is it possible to upload the protopie project to playstore?

[@tochidioka6019]

😂😂 that would be some next level shit

[@clearlyvips]

Tip : Protopie offers free education license to students if you have a college email id :)

[@johanguams6619]

Amazing video bro thanks so much!!

[@chrisronan]

Heya Mizko - do you think protopie is a relatively easy thing to learn if I have solid experience in figma and even after effects? Curious your thoughts on the uptake of protopie given my skillz. Love your work dude!

[@adied7725]

Wish it was FREE not all of us are students, any thoughts please

[@saisumithchetpally2460]

Thanks for the amazing tutorial. ❣

[@stevendesigner]

Thanks a lot! Very usefull tutorial 🙏🏻

[@theprinceofcode9348]

Where can I download the Figma File?

[@DignifyTM]

Just made a student account. Fantastic tutorial and overview, will be showing this to my professors!

[@MrBlack-no2ij]

Where I can download this prototype?

[@chioma2743]

when i import the screen remains blank ☹️

[@ImageTrance]

Hey Mizko! Congrats for the videos! Are you kind to do a video tutorial about swap libraries in Figma? Thanks!

[@iam_nick]

Hey Miz, what other tool you can do great animations like protopie but also able to export usable code into react? UXPin Merge? Framer?

[@nitinmomaya]

Hey Mizko can we get a dedicated masterclass for protopie?

[@CPTZK11]

Amazing, added to my company

[@falgunsorathiya5361]

That's such a cool plateform

[@AxelTechnologies-cz2uy]

can i use it for presentation

[@falgunsorathiya5361]

I definitely want to rely on it

[@tazrinnahar9937]

Great

[@akshitnassa6833]

How to share it with the developers with all the assets and style guide in the hand-off link (not the interaction recipe) ?

[@bvs455]

I would like to know that as well

[@alimamedgasanov5591]

8:35

[@emmanuelomodero2914]

Awesome!

[@emmanuelomodero2914]

Awesome!

[@swaminawale7386]

Great

[@nijatmanafov]

What a pity that such a tool is wasted because of unnecessary love for Figma.

[@Mizko]

As of right now, Figma is far behind ProtoPie in terms of prototyping.