Reduce Prototypes by 50% (Simple trick) | Figma Tutorial
HTML-код
- Опубликовано: 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?????
dude that's fantastic. thanks for that clear explanation. love your channel, well done mate
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.
Super helpful, never knew the sections worked like that as well. Thanks a million!
Wow! So cool, I never knew about this. Thank you Mizko for sharing 👌🏽
Great video, Mizko ❤
Thanks for sharing
That sections tip was huge man, thanks for the vid
That is brilliant! that was really helpful. Thank you!
👏👏👏 great job Mizko
OMG SERIOUSLY 🤩
I had a similar problem in my project and I'm very glad to find this tool! Thank you very much!
top-notch content as always, thanks so much Mizko!🎸
Thanks for sharing Mizko!
oh wow!
never knew!
Thanks Miz!
Wow this feature is really very helpful!! Thank you 😊
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.
This is amazing, I don't have to have multiple screens to implement this any more. Thank you 🙏
WHOA! This is awesome! Thanks Mizko!!! Figma is awesome and you always help us discover it.
🙏
You save my time!! thanks Dude!! its really helpfulll
This is so great, thanks for sharing!
Thanks for this info. Just finished working on a project where I had to repeat some flow
This is really amazing! Finally I got which I wanted!
Genius! I learned something today thank you!
this video is actually very useful. thanks mate. cheers
Wow Mizko that's a nice trick
Thanks for sharing ❤️
mind-blowing dude!
This is truly amazing 👏
That’s so gnarly Mizko
Absolutely loved it. Didn't knew it.
Thank you so much for this video! ☺️
This is crazy man, nice explanation 😁
Cool trick - thanks man!
amazing trick! thanks for sharing
Why I have not seen this video one year before !!! Thank you Mizko !
Amazing again! U are the best!
👏👏👏
Thank you Mizko
noted bro, that's useful, thanks for sharing!
Inspired, new to figma and loving it.
Woow didn't know that about sections, thanks!
Thank u Mizko🎉
Didn't know sectioning did more than just grouping the screens. What an awesome tip! Thanks!
Surprise!
Needed this thanks a ton
Thank you so much, especially for beginner like me 🙂
Whoa, this is super helpful. Thank you so much Miz
Thanks Godwin!
Cool! Thank you 🤩
Hey , Thanks a lot. It is really helpful.
this is really amazing
Fantastic tip!
Thank you so much " شكراً لك جداً "
Thanks for sharing. I didn't know that.
oh that's cool. Thanks for sharing!
Really helpful ❤
Love it... as always.
Thanks! please make another video and show more example about this topic
Amazing Thanks!
Really Helpful... thankeww
Absolutely Tricky
You deserve more
Thanks for the tip
You are a hero. Thanks for sharing :)
Thanks miz 🤞🏽
Such a solid tip. Thx for sharing this!
🙏
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!
Thanks for the video. It was great
That's so cool! Figma is soooo smart! Thanks a lot Mizko the Ninja!
Wow great! Interesting to try
Great tip ! Thanks
OK this is awesome, thank you
Amazing! Thanks!
helpful tutorial. thank you
Thanks! Helpful
Great use of section...👍
Wow! Thank you!
Cool tip, thank you
Very very very handy. Thank you.
Thank you!
very helpfull thankyou.
Thank you!!!
Very helpful thank you
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 :)
Damn, so fast! Thanks for sharing!
nice, very helpful. thumbs up!!!
You are awesome!!
How am I only discovering you today. You are a gem.
thanks, u video help me a lot!
Thanks My Man
love you mate
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.
Awesome VIDEO!!!
This is really cool 😎
Viry nice video! Congrats! Could you explaining the difference about sections and de function back? Thanks!
thank you very much good sir.
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 :)
Thankyou!
Top shelf content
Nice one!
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.
Very good!
Awesome bro🤑🤑
awesome tut