Reduce Prototypes by 50% (Simple trick) | Figma Tutorial

Ultimate Figma Design Masterclass (5,000+ students. 90+ Videos. 10+ hours)
👉 thedesignership.com/courses/t...
Practical User Research & Strategy Masterclass (NEW!! 200+ students. 8 hours)
👉 thedesignership.com/courses/p...
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
My Ultimate Figma Design Masterclass (4,200+ students. 90+ Videos. 10+ hours)

[@Mizko]

👉Become a Figma Expert & Master and End-to-end UI Design Process in 10 hours with me 👉 www.thedesignership.com/courses/the-ultimate-figma-masterclass (5,200+ students)

[@jesusmolina2772]

hey, exist version spanish the masterclass?

[@Mizko]

Appreciate all the comments everyone! For those suggesting the 'Back' button solves all problems... Sorry, I should have used a better example. I am aware of the Back link, but in some situations you don't actually 'go back' to the immediate previous screen. Some example include, when payments are processed, successful transactions etc. Here's an example: 1. Imagine the user taps Buy ETH in this example. 2. We then transition to a 'loading' screen to show that progress is being made. 3. After a 300ms timed delay, we transition from the loading screen to a destination screen. In this situation hitting back will keep taking you to the loading screen, but really in an app experience we actually want to go back to where you tapped to 'Buy ETH'. You can extrapolate this process into all different use cases as well. Let you creativity run wild :)

[@KaviSivyer]

Ah yeah, this makes sense thanks man 👍👍 apologies if my comment came off as internet trolly. You’re killing it and providing so much value to the UX / UI industry

[@joelson.design]

This makes total sense!

[@Madi_Miso]

I'm not quite sure I completely understand! I might like to see a Short demonstrating this. Definitely going to be looking up more tutorials on Sections though!

[@manashjyotidas]

Thank you Mizko ❤

[@byebyebirdie8027]

Yeah makes sense! I will try using it in my next project. Thanks!

[@LuisVeloz13]

Hey Mizko, I think you can do the same just by selecting “Back” option on the prototype options while you create the connection

[@samlidstone7763]

Yeah exactly or connecting to the blue back button at the top right of the frame

[@Mizko]

Thanks Luis!! Great to see you here. Sorry, I should have used a better example, but I explained where this method is appropriate in the pin comment :)

[@thomasrenon]

Moreover, I think the slide back would be in the right direction, in this example, left to right

[@kunabdan3788]

Plis make the video for us

[@stanleyasokingz5022]

Hello Bladek117, What of a situation where I have moved to another page ahead of the buy screen and I had to come back because I missed an info. If the prototype was on "Back" and I click on it, won't it take me to the screen I am already coming from?????

[@adaptivecodeio]

dude that's fantastic. thanks for that clear explanation. love your channel, well done mate

[@Patelpinal1520]

Hello Mizko, Today I am completed 33 videos from the figma tutorial. I am very thankful to you because it is very helpful for me. I am really very appreciate you for helping all the people, who really want to learn figma for their bright future from your youtube channel. You doing very good job. Thank yo so much.

[@danielvaega]

Super helpful, never knew the sections worked like that as well. Thanks a million!

[@emilcupic]

That sections tip was huge man, thanks for the vid

[@johnwisdomolasupo696]

Wow! So cool, I never knew about this. Thank you Mizko for sharing 👌🏽

[@mojtabachenari8100]

That is brilliant! that was really helpful. Thank you!

[@Joycered7]

WHOA! This is awesome! Thanks Mizko!!! Figma is awesome and you always help us discover it.

[@Mizko]

🙏

[@praiseelechi8832]

Great video, Mizko ❤ Thanks for sharing

[@MrEdukada]

👏👏👏 great job Mizko

[@fryonthemoon]

Thanks for sharing Mizko!

[@williamvargas4179]

top-notch content as always, thanks so much Mizko!🎸

[@D4sxysrb]

That’s so gnarly Mizko

[@ankitpandole1352]

Super duper helpful. Just what I was looking for.

[@gabypino407]

This is so great, thanks for sharing!

[@daravrana7130]

OMG SERIOUSLY 🤩 I had a similar problem in my project and I'm very glad to find this tool! Thank you very much!

[@arnabmukherjee7507]

this video is actually very useful. thanks mate. cheers

[@godlfanpage8603]

This is really amazing! Finally I got which I wanted!

[@godwin_njoroge]

Whoa, this is super helpful. Thank you so much Miz

[@Mizko]

Thanks Godwin!

[@NomiKafri]

Thank you very much for the simple yet time saving trick! Definitely going to use it.

[@vanhellsingniko8580]

Why I have not seen this video one year before !!! Thank you Mizko !

[@onyekaezeneche7073]

oh wow! never knew! Thanks Miz!

[@designwithash6534]

Wow this feature is really very helpful!! Thank you 😊

[@fatimaibrahimux]

I don't know why I've never asked myself what is the purpose of the section. Thank you for sharing this! I leveled up by simply watching this.

[@daisyemahemah]

This is amazing, I don't have to have multiple screens to implement this any more. Thank you 🙏

[@josephdente7940]

Cool trick - thanks man!

[@michellezhu1559]

Didn't know sectioning did more than just grouping the screens. What an awesome tip! Thanks!

[@Mizko]

Surprise!

[@CreativeCrewCommunity]

Such a solid tip. Thx for sharing this!

[@Mizko]

🙏

[@avianozacapa3050]

You save my time!! thanks Dude!! its really helpfulll

[@Kefmoles]

Thanks for this info. Just finished working on a project where I had to repeat some flow

[@pioneerty]

Needed this thanks a ton

[@atinspook]

Absolutely loved it. Didn't knew it.

[@hroman_codes]

This was great thank you!

[@hroman_codes]

Genius! I learned something today thank you!

[@binhnguyenthai2836]

mind-blowing dude!

[@hacorn96]

thanks for this! i saw this on twitter, but couldn't find it again. super useful.

[@Mizko]

I stumbled across this feature accidentally when using Sections for a project!

[@yatheeshgowda6191]

Wow Mizko that's a nice trick Thanks for sharing ❤️

[@jadusiv]

Can’t you also just use “open overlay” and “close overlay” to do the same thing?

[@rafacavalcante]

Amazing again! U are the best!

[@djashawe88923]

That's so cool! Figma is soooo smart! Thanks a lot Mizko the Ninja!

[@RobertHeaney]

Great explanation, thank you!

[@fidanfarajullayeva5653]

Thank you! it really saved my time.

[@krisreb9093]

Thank you so much for this video! ☺️

[@njengathegeek]

This is crazy man, nice explanation 😁

[@alveriaz]

amazing trick! thanks for sharing

[@limsintow]

Wow great! Interesting to try

[@mrkang9x]

oh that's cool. Thanks for sharing!

[@ahmedosman95]

Great tip ! Thanks

[@jswanson859]

Fantastic tip!

[@bensam9037]

This is truly amazing 👏

[@sabrinalfurasi]

👏👏👏 Thank you Mizko

[@bimaaryafatah2823]

Thank u Mizko🎉

[@letzlearns]

Hey , Thanks a lot. It is really helpful.

[@MetaArtisan]

Inspired, new to figma and loving it.

[@stusmith1201]

Figma is the smartest design app on the market now.

[@annazankevich1456]

Cool! Thank you 🤩

[@dorianariadnaalcalagil2089]

Amazing! Thanks!

[@ELENADESIGNS]

Woow didn't know that about sections, thanks!

[@brightonshifu]

How am I only discovering you today. You are a gem.

[@Waqas4hmed]

Very very very handy. Thank you.

[@edutechab]

Thanks for the video. It was great

[@tommydharmawan2095]

noted bro, that's useful, thanks for sharing!

[@rwnbdr8510]

that was amazing thank you :)

[@De.irda._]

Wow, thx bro. Really, i feel helpfully with this video

[@davidlee2861]

awesome technique!

[@kaushals_vlog]

Man I have no words .. to tell you that how good you're in figma😁😁💗 pls keep going and shoot this type of knowledge for us. With this I also update day by day again nd again..😎🌸

[@Mizko]

Thank you :)

[@j.p.3513]

Thank you so much, especially for beginner like me 🙂

[@szabotas]

Awesome VIDEO!!!

[@muhammadnurichwan6013]

Damn, so fast! Thanks for sharing!

[@fcl8463]

nice, very helpful. thumbs up!!!

[@ZombieGorl]

wow that was informative thanks

[@shahj1620]

You are a hero. Thanks for sharing :)

[@BreathingInPixels]

Love it... as always.

[@LearnREPhotography]

pretty nifty! thanks for sharing

[@rabarhusen9170]

Really helpful ❤

[@marketing_designer]

Wow! Thank you!

[@AJ-yj6kd]

But you could also hook it up to the floating back icon, which allows it to remember which page it was accessed from and return to it. In this scenario, that would be more efficient, no? Correct me if I'm wrong 🤔

[@Mizko]

Thanks AJ!! Sorry, I should have used a better example, but I explained where this method is appropriate in the pin comment :)

[@adjimanmartin3806]

Nice one!

[@ElizabethArostegui]

Awesome! Thanks a lot!

[@Mizko]

🙏

[@michaelrufi2872]

thanks, u video help me a lot!

[@marthaortegadiaz1554]

wow!! ...thank you so much!!!

[@doublesil9449]

You are awesome!!

[@iamyeomyeom]

I didnt know there was such a good way to deal with even though I used Figma for a long time, I hope you make more related video and share with us~!

[@Mizko]

Plenty to more :)

[@CoryTheSimmons]

Cool tip, thank you

[@mohammedasifshaikh5276]

Amazing Thanks!

[@JoseAndradejayrock]

Very helpful thank you

[@chrisjacobs5297]

Spent hours trying to find a reason why the back button didn't work that way, especially with multiple overlays. This showed on my youtube recommended while i was headed to sleep! Thank you so much, gonna have to undo a bit of work from today, but it'll make my life so much easier in the long run.

[@ravirajputdesigner]

Great use of section...👍

[@Anam0khan]

Really Helpful... thankeww

[@oyebadehenry1603]

Thanks miz 🤞🏽

[@byebyebirdie8027]

Fastest click ever!! :))) But I still don't know why don't I just link it to "Back" .. In fact, I make my back button a component and it's always linked to "Back" so whenever I paste it in a frame from the assets, it already has this interaction.

[@xavierc7497]

Can you elaborate please

[@byebyebirdie8027]

@@xavierc7497 First, make the "X" icon a component (it will be automatically added to assets), then while holding this component, go to prototype, and you will see a little + button on the right and says add interaction. You can set the interaction to when click, go back. That's all. Now every time you need a back button on your screen, just drag it from the assets. It already has the interaction and you don't. need to add it again.

[@michaelwilkinson4216]

OK this is awesome, thank you

[@yossimolcho841]

Thanks! Helpful

[@AbdullahRizwan-pn5sw]

this is really amazing

[@FolaEnglish]

Thank you!!!

[@mhassbo4555]

Thank you so much " شكراً لك جداً "

[@byebyebirdie8027]

I know you already have videos about your design process, but I hope you can make a video on tips to start a project in a simple and a clean way so I don't feel overwhelmed on where to start. Another question: do you make components first then start your high quality mockups or do you extract your components from the mockups then replace everything? My design process is a bit all over the place now and I hope you can give some advice on that. Last question, when a client needs a new design but they don't have any structure or idea on how the screen will look like, do you give them multiple options or do you send them a temple for a structure that they can fill in? I'm sorry for the rain of questions, I'm learning on my own and living in Vietnam so I don't know anyone else whom I can ask who also speaks any language I know. :) Feel free to reply or not! I still enjoy your videos!

[@sanskar49]

Just a recommendation - Setup your master components in one file and publish it as a team library in figma. Then extract those base components when working on different designs. This would save a lot of time and would also establish a process.

[@POWERDRIVE-hb1jm]

awesome tut