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

[@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?????

[@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!

[@quangminhnguyen6343]

Dude your tutorial on this literally reduced so many nodes of my prototypes, and I feel my prototype wire is clearer and kinda less confused than before. Feel so fantastic when discovered your video, you have a new subscriber!

[@michellezhu1559]

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

[@Mizko]

Surprise!

[@bimaaryafatah23]

Thank u Mizko🎉

[@adaptivecodeio]

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

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

[@KathBorup]

Another way to apply sections to your screens: You can also select all the screens and just press the section button, that way your screens will be framed more neatly and you won't have to drag.

[@D4sxysrb]

That’s so gnarly Mizko

[@emilcupic]

That sections tip was huge man, thanks for the vid

[@CreativeCrewCommunity]

Such a solid tip. Thx for sharing this!

[@Mizko]

🙏

[@soonb1073]

I bet this is the game changer and should know any designers to use Figma. Thanks for sharing them.

[@KhairiJovias]

Thnks mizko, you have a new subscriber now. Apreciate❤

[@BoopathySrinivasan]

Great knowledge. Thank you Mizko

[@Joycered7]

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

[@Mizko]

🙏

[@FolaEnglish]

Thank you!!!

[@vanhellsingniko8580]

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

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

[@dongshenli2628]

wow this is mind blowing 🥳 absolutely loving it

[@MrEdukada]

👏👏👏 great job Mizko

[@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!

[@ankitpandole1352]

Super duper helpful. Just what I was looking for.

[@williamvargas4179]

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

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

[@mhassbo4555]

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

[@abhichatterjee9064]

Awesome Video

[@Mizko]

Thanks Abhi!

[@lucianosantillan164]

Thank you this is very useful!

[@EducationPurpose-oo3ym]

Absolutely Tricky You deserve more

[@NomiKafri]

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

[@atinspook]

Absolutely loved it. Didn't knew it.

[@behruz_developer]

It's great to add this advanced prototyping flows that are actually better for developers. But I think normal programmers do know to add animation on that back arrow and they def add a certain function to it.

[@ajgaming7167]

Been using sections the wrong way. Thank you for this Mizko

[@daravrana7130]

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

[@djashawe88923]

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

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

[@hroman_codes]

Genius! I learned something today thank you!

[@avianozacapa3050]

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

[@sabrinalfurasi]

👏👏👏 Thank you Mizko

[@pioneerty]

Needed this thanks a ton

[@stusmith1201]

Figma is the smartest design app on the market now.

[@fidanfarajullayeva5653]

Thank you! it really saved my time.

[@josephdente7940]

Cool trick - thanks man!

[@markxavior]

This is actually excellent.

[@fryonthemoon]

Thanks for sharing Mizko!

[@Kefmoles]

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

[@rafacavalcante]

Amazing again! U are the best!

[@wendelfilho]

That was amaizing. Thanks from BR.

[@hroman_codes]

This was great thank you!

[@yatheeshgowda6191]

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

[@MetaArtisan]

Inspired, new to figma and loving it.

[@epdconcept]

Thank you for section explanation. it was amazing

[@godlfanpage8603]

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

[@bensam9037]

This is truly amazing 👏

[@johnwisdomolasupo696]

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

[@godwin_njoroge]

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

[@Mizko]

Thanks Godwin!

[@RobertHeaney]

Great explanation, thank you!

[@onyekaezeneche7073]

oh wow! never knew! Thanks Miz!

[@BreathingInPixels]

Love it... as always.

[@dorianariadnaalcalagil2089]

Amazing! Thanks!

[@ElizabethArostegui]

Awesome! Thanks a lot!

[@Mizko]

🙏

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

[@krisreb9093]

Thank you so much for this video! ☺️

[@De.irda._]

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

[@szabotas]

Awesome VIDEO!!!

[@ahmedosman95]

Great tip ! Thanks

[@daisyemahemah]

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

[@jswanson859]

Fantastic tip!

[@gabypino407]

This is so great, thanks for sharing!

[@Irenk0u]

simple and effective, thank u

[@mojtabachenari8100]

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

[@annazankevich1456]

Cool! Thank you 🤩

[@jadusiv]

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

[@binhnguyenthai2836]

mind-blowing dude!

[@praiseelechi8832]

Great video, Mizko ❤ Thanks for sharing

[@mrkang9x]

oh that's cool. Thanks for sharing!

[@designwithash6534]

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

[@ELENADESIGNS]

Woow didn't know that about sections, thanks!

[@arnabmukherjee7507]

this video is actually very useful. thanks mate. cheers

[@rwnbdr8510]

that was amazing thank you :)

[@davidlee2861]

awesome technique!

[@tommydharmawan2095]

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

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

[@shahj1620]

You are a hero. Thanks for sharing :)

[@rabarhusen01]

Really helpful ❤

[@product.ux.ui_designer]

Wow! Thank you!

[@ravirajputdesigner]

Great use of section...👍

[@mohammedasifshaikh5276]

Amazing Thanks!

[@Anam0khan]

Really Helpful... thankeww

[@fcl8463]

nice, very helpful. thumbs up!!!

[@michaelwilkinson4216]

OK this is awesome, thank you

[@CoryTheSimmons]

Cool tip, thank you

[@ZombieGorl]

wow that was informative thanks

[@njengathegeek]

This is crazy man, nice explanation 😁

[@emmanuel9066]

Nice video I literally smashed the subscribe button 😂😂😂😂

[@muhammadnurichwan6013]

Damn, so fast! Thanks for sharing!

[@marthaortegadiaz1554]

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

[@alveriaz]

amazing trick! thanks for sharing