Figma's NEW Prototyping Update (State Management) | Figma Tutorial
Вставка
- Опубліковано 29 вер 2024
- Master Figma with my Ultimate Figma Design Masterclass (5,500+ students. 90+ Videos. 10+ hours)
👉 thedesignershi...
🏷 Get 5% off via checkout - PROTO5
Practical User Research & Strategy Masterclass (NEW - 250+ students. 8 hours)
👉 thedesignershi...
Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets)
👉 thedesignershi...
Outline - Figma Wireframe Kit (350+ components and variants)
👉 www.thedesigne...
Sign up to my newsletter for exclusive content:
👉 mizko.net/news...
Follow me on IG (Daily updates):
👉 / themizko
===
Level up with me:
Become a legendary designer: thedesignershi...
Personal portfolio: mizko.net
Instagram: / themizko
LinkedIn: / mizko
My Ultimate Figma Design Masterclass (4,200+ students. 90+ Videos. 10+ hours)
Master Figma with my Ultimate Figma Design Masterclass (5,500+ students. 90+ Videos. 10+ hours)
👉 thedesignership.com/courses/the-ultimate-figma-masterclass
🏷 Get 5% off via checkout - PROTO5
Will the course be updated for us that already have it? :)
What a nice tutorial it is...Thanx Mentor .....learn a lot....
Quick and effective video as always! And bravo to Figma team, solving pain points one after another!
Mizko are you filming from inside a container on a cargo ship? bangin setup mate looks fresh
HAHA thanks man.
Cargo ship travels to save on inflated first class flights around the world.
You are the best!! Thank you!!
thankyou for your lesson, i actually didn't notice it until I saw your video, Thanks a lot Sensei.
Nicely done brother
Thank you and studio setup looks cool, as I can’t see a mic in the view, you might be using a shotgun mic at top or something :)
Appreciate you showing the before and after. Super cool that Figma now supports state management! Companies NEED to be using this and getting feedback before building 🔥🔥
Hi, how do you make the interactive component and attach it to the main frame, because i mostly achieve that by duplicating my frames and changing their appearance ,also how to make the loading animation. Thank you
The new studio looks amazing to me. We can truely see that you guys are in a hole new level.
Hey mizko, I would say you need some better sound proofing, as I was able to hear a bus passing by the studio. and just to be aesthetic, some RGB pannels in the background and a keyboard as well maybe.
Thanks Rohan for the feedback! We have changed to a Shotgun mic and will definitely be improving the sound. It's capturing a lot more than expected. There's a few more things we're going to be adding to the background as well.
Amazing Studio. Please I have a question. In the component you created for the "Loading Payment" page what kind of prototype did you use in make it look as if it was loading
The three states of the loading payment, what kind of prototype did you use? How did you manage to make it look like the pages were loading
I WISH U TO BE RICH MIZKO and create a YT channel to talk about spirituality and how it affects DESIGN CREATION...
Love your new studio😍. You now have more space to throw your hands around 🤣.
Thanks for always sharing helpful designs videos for us.
New studio looking fresh!
And thanks for touching on the new feature, really helpful!
We wouldn’t have to use sections for prototyping that much.
But on 4:35 the accordion component shouldn't modify the screen height when is expanded/collapsed with the "Learn more", that's why the interactions feels off, it should push the below content behind a _fixed_ bottom navigation bar, so this will not modify the screen height.
@Miko can you have a series of videos about prototyping in figma. thanks😇
How come my figma has different version. Mines says state management auto appllies : ( can't figure out how to remain the scroll position pls help
Its 3:16 in the morning and here I am 😄
Glad you're here!
Great content and nice studio, but what I'm really after is, who makes the hoodie you are wearing?
Do a studio desk setup tour! I want to flex and get some equipment for EOFYS :P
Why can't I translate this video 😢 ?
Could it be that the video just published? We can upload subtitles
The new studio looks good. Yes it does make you look slightly young , haha.
Tried them at work yesterday, and now my back arrows makes sense.
I have made an interactive input field to enter email and password etc. So when i touch the field it interacts but then even if i touch elsewhere it does not return to it's original state even if i change canvas or touch other fields. What should i do?
Thanks Mizko for always sharing the latest Figma updates. I think this is the start of a significant update at the next Config event this year.
Thanks Mizko. I love the new studio.
Really hope no new designer watching this ever copies that element from 4:10 in their designs.
The office setup is fire!
So no more using sections for stateful prototyping? 👀
Mizko 😊! You always cover our backs with videos like these! 😊 thank you, greetings from Berlin
why are your videos only 1080p ?
the looks amazing.
guess what. didnt work at all for me
That’s exactly what I need now❤
Hello!
Hello!
Studio looks so cool man! great job! and perfect tutorials as always.
So cool lesson, thx so much from 🇺🇦
Love that studio, man :)
Love the new studio. Keep the tutorials coming!
office is wallah❤❤🎉🎉
I know you're pretty busy but can we have some interactive components tutorials as well if you can find some time?
Yea i like new studio
💚💚💚
Any idea why it is not preserving the scroll position for the swap overlay action even though the reset scroll position box isn't checked?
Thanks miz 👑
that is awesome
Awesomeness
Great vid, still a bit frustrated with the lack of prototyping potential with figma. Not enough shine gets given to Axure. Whilst I wholeheartedly agree the ux is better ok figma, the capabilities of axure as a prototyping tool are limitless.
Thank you
So its taking a page from Axure with dynamic panels. Can't have a button set a specific state of a component. But this is definitely closing the gap.
You are The Best Mizko... And office setup is also beautiful along with the lighting...
Awesome new studio!! I wish I also can get one. Got more space, fresher and yeah you look younger now. 😆
Do i need to buy the 300 dollar course or this tutorials on your channel gonna be enough Mizko? :D
$300 course without a doubt :)
@@Mizko bet, grab it tmmr and hard work it
As always on point and informative. looking forward to subscribing to your 10 youtube channels in future 🥂. The new studio setup looks Dope 🤟🏻
Thank you, Mizko!
This was really good to watch. I now understand state mgt better.
By the way, your new studio looks lit 👌
Actually makes you look yonger 😂
Thanks Mizko, for such a knowledgeable video
Loved it Mizko. Maybe you can make a video, of your studio setup!!!
great tips and thank you for walking through this stuff clearly! one question: for the scenario of preserving scroll position -> what if I'm trying to maintain scroll position from the *first* screen to the second screen (in addition to your example of maintaining scroll position from the *second* screen to the first). hope that makes sense!
A new studio from Mizko is always exciting. This looks much better than the previous setup. Blue colour adds extra vibrance to the room
Please give us a behind the scenes of how you create the studio set up!!!
Great Studio, way to go CONGRATS 🎉
Love it 🎉, this what I need right now!
Thanks for sharing it
Perfect 👍🏻 Thank you 🙏
Awesome vid, thanks Mizko :)
Looking good, the studio and the younger you 😁👍🏻
The new studio looks dope!! Would love to see a tour, maybe in a video?
I have known state management as a no joke topic in flutter, glad seeing it in Figma, and nice working space
This update is so useful. Thanks for the video!
one of the most beautiful studios 👌🤩
Definitely a useful & great update!
Dope studio congrats on the upgrade!
The studio looks great!!