Reduce Prototypes by 50% (Simple trick) | Figma Tutorial
ฝัง
- เผยแพร่เมื่อ 12 มี.ค. 2023
- 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) - บันเทิง
👉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)
hey, exist version spanish the masterclass?
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 :)
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
This makes total sense!
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!
Thank you Mizko ❤
Yeah makes sense! I will try using it in my next project. Thanks!
Hey Mizko, I think you can do the same just by selecting “Back” option on the prototype options while you create the connection
Yeah exactly or connecting to the blue back button at the top right of the frame
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 :)
Moreover, I think the slide back would be in the right direction, in this example, left to right
Plis make the video for us
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?????
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.
dude that's fantastic. thanks for that clear explanation. love your channel, well done mate
That sections tip was huge man, thanks for the vid
Super helpful, never knew the sections worked like that as well. Thanks a million!
Great video, Mizko ❤
Thanks for sharing
Wow! So cool, I never knew about this. Thank you Mizko for sharing 👌🏽
That is brilliant! that was really helpful. Thank you!
Thanks for sharing Mizko!
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.
👏👏👏 great job Mizko
oh wow!
never knew!
Thanks Miz!
top-notch content as always, thanks so much Mizko!🎸
This is so great, thanks for sharing!
Wow this feature is really very helpful!! Thank you 😊
Thanks for this info. Just finished working on a project where I had to repeat some flow
This is amazing, I don't have to have multiple screens to implement this any more. Thank you 🙏
OMG SERIOUSLY 🤩
I had a similar problem in my project and I'm very glad to find this tool! Thank you very much!
mind-blowing dude!
You save my time!! thanks Dude!! its really helpfulll
Genius! I learned something today thank you!
amazing trick! thanks for sharing
Thank u Mizko🎉
This is really amazing! Finally I got which I wanted!
Needed this thanks a ton
Wow Mizko that's a nice trick
Thanks for sharing ❤️
WHOA! This is awesome! Thanks Mizko!!! Figma is awesome and you always help us discover it.
🙏
👏👏👏
Thank you Mizko
This is truly amazing 👏
noted bro, that's useful, thanks for sharing!
this video is actually very useful. thanks mate. cheers
Thank you so much for this video! ☺️
Cool trick - thanks man!
That’s so gnarly Mizko
Amazing again! U are the best!
Woow didn't know that about sections, thanks!
Cool! Thank you 🤩
Absolutely loved it. Didn't knew it.
oh that's cool. Thanks for sharing!
Inspired, new to figma and loving it.
Fantastic tip!
Whoa, this is super helpful. Thank you so much Miz
Thanks Godwin!
Hey , Thanks a lot. It is really helpful.
Didn't know sectioning did more than just grouping the screens. What an awesome tip! Thanks!
Surprise!
This is crazy man, nice explanation 😁
Damn, so fast! Thanks for sharing!
Love it... as always.
Thank you so much, especially for beginner like me 🙂
Really helpful ❤
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.
Amazing! Thanks!
Great tip ! Thanks
Amazing Thanks!
Thanks for the video. It was great
Thanks miz 🤞🏽
Really Helpful... thankeww
helpful tutorial. thank you
Such a solid tip. Thx for sharing this!
🙏
Wow great! Interesting to try
Thanks! Helpful
this is really amazing
Thanks for the tip
OK this is awesome, thank you
Wow! Thank you!
You are a hero. Thanks for sharing :)
Thanks for sharing. I didn't know that.
That's so cool! Figma is soooo smart! Thanks a lot Mizko the Ninja!
Very very very handy. Thank you.
Cool tip, thank you
Thanks! please make another video and show more example about this topic
Thank you!!!
nice, very helpful. thumbs up!!!
Awesome VIDEO!!!
You are awesome!!
Nice one!
Thanks My Man
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..😎🌸
Thank you :)
Nice figma tip! Thank you.
Your example is maybe not that mind blowing, because it could be done with "back" option in the same time, but in bigger amount of screens (nested in section), it would be a good timesaver.
Yes, but this is a very good other way to do it, you cannot have that transitions for back navigation and also the back navigation has some flaws that sometimes lead to a looping display of pages.
very helpfull thankyou.
This is really cool 😎
thanks for this! i saw this on twitter, but couldn't find it again. super useful.
I stumbled across this feature accidentally when using Sections for a project!
How am I only discovering you today. You are a gem.
Thank you!
thanks, u video help me a lot!
love you mate
Very good!
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~!
Plenty to more :)
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!
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.
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 🤔
Thanks AJ!! Sorry, I should have used a better example, but I explained where this method is appropriate in the pin comment :)
Top shelf content
awesome tut
Awesome bro🤑🤑
Awesome! Thanks a lot!
🙏
Thankyou!
Nice video
I literally smashed the subscribe button 😂😂😂😂
Viry nice video! Congrats! Could you explaining the difference about sections and de function back? Thanks!
thank you very much good sir.
Thanks for the update. I'd like to ask your view on the idea that the advent of Al will render UI UX designer skills useless