Figma's NEW Prototyping Update (State Management) | Figma Tutorial

  Рет қаралды 36,348

Mizko

Mizko

Жыл бұрын

Master Figma with my Ultimate Figma Design Masterclass (5,500+ students. 90+ Videos. 10+ hours)
👉 thedesignership.com/courses/t...
🏷 Get 5% off via checkout - PROTO5
Practical User Research & Strategy Masterclass (NEW - 250+ 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)

Пікірлер: 80
@Mizko
@Mizko Жыл бұрын
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
@ADhauZ
@ADhauZ Жыл бұрын
Will the course be updated for us that already have it? :)
@abass_
@abass_ Жыл бұрын
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 🔥🔥
@EtoundiOyonoGeorgesLevy
@EtoundiOyonoGeorgesLevy Жыл бұрын
The new studio looks amazing to me. We can truely see that you guys are in a hole new level.
@amitmate
@amitmate Жыл бұрын
Studio looks so cool man! great job! and perfect tutorials as always.
@cultofcrypto6724
@cultofcrypto6724 Жыл бұрын
Love the new studio. Keep the tutorials coming!
@olonks
@olonks Жыл бұрын
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.
@michellezhu1559
@michellezhu1559 Жыл бұрын
Quick and effective video as always! And bravo to Figma team, solving pain points one after another!
@doAnn88
@doAnn88 Жыл бұрын
Mizko 😊! You always cover our backs with videos like these! 😊 thank you, greetings from Berlin
@femoskeydev
@femoskeydev Жыл бұрын
Thanks Mizko. I love the new studio.
@denisalwan
@denisalwan Жыл бұрын
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.
@biodunidowu72
@biodunidowu72 Жыл бұрын
Love your new studio😍. You now have more space to throw your hands around 🤣. Thanks for always sharing helpful designs videos for us.
@uiux.codeboss
@uiux.codeboss Жыл бұрын
The office setup is fire!
@RoryTaylor10
@RoryTaylor10 Жыл бұрын
Dope studio congrats on the upgrade!
@BreathingInPixels
@BreathingInPixels Жыл бұрын
You are The Best Mizko... And office setup is also beautiful along with the lighting...
@laszlohadhazi1522
@laszlohadhazi1522 Жыл бұрын
Love it 🎉, this what I need right now! Thanks for sharing it
@douge.zambrano4060
@douge.zambrano4060 Жыл бұрын
Great Studio, way to go CONGRATS 🎉
@vagarysoulkothari1694
@vagarysoulkothari1694 Жыл бұрын
As always on point and informative. looking forward to subscribing to your 10 youtube channels in future 🥂. The new studio setup looks Dope 🤟🏻
@LuisVeloz13
@LuisVeloz13 Жыл бұрын
The studio looks great!!
@nsobs
@nsobs Жыл бұрын
Awesome vid, thanks Mizko :)
@hellokeisharussell
@hellokeisharussell Жыл бұрын
This update is so useful. Thanks for the video!
@suniljadhav1889
@suniljadhav1889 5 ай бұрын
What a nice tutorial it is...Thanx Mentor .....learn a lot....
@sti_va
@sti_va Жыл бұрын
Looking good, the studio and the younger you 😁👍🏻
@Rytzzz730
@Rytzzz730 Жыл бұрын
thankyou for your lesson, i actually didn't notice it until I saw your video, Thanks a lot Sensei.
@allencabo
@allencabo Жыл бұрын
The new studio looks dope!! Would love to see a tour, maybe in a video?
@joydeepchatterjee3218
@joydeepchatterjee3218 Жыл бұрын
A new studio from Mizko is always exciting. This looks much better than the previous setup. Blue colour adds extra vibrance to the room
@marianelaolguin7547
@marianelaolguin7547 Жыл бұрын
You are the best!! Thank you!!
@nikitatalko4420
@nikitatalko4420 Жыл бұрын
Love that studio, man :)
@pabitrashow9748
@pabitrashow9748 Жыл бұрын
Thanks Mizko, for such a knowledgeable video
@praiseelechi8832
@praiseelechi8832 Жыл бұрын
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 😂
@franceslim9561
@franceslim9561 Жыл бұрын
Definitely a useful & great update!
@mubindidit230
@mubindidit230 Жыл бұрын
Loved it Mizko. Maybe you can make a video, of your studio setup!!!
@brandonhamaguchi
@brandonhamaguchi Жыл бұрын
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.
@hardihtahir2197
@hardihtahir2197 Жыл бұрын
Awesome new studio!! I wish I also can get one. Got more space, fresher and yeah you look younger now. 😆
@davidandrew9394
@davidandrew9394 Жыл бұрын
Nicely done brother
@EhabSalahh_
@EhabSalahh_ Жыл бұрын
Perfect 👍🏻 Thank you 🙏
@zl7289
@zl7289 7 ай бұрын
That’s exactly what I need now❤
@MarcoLoforte
@MarcoLoforte Жыл бұрын
the looks amazing.
@njengathegeek
@njengathegeek Жыл бұрын
I have known state management as a no joke topic in flutter, glad seeing it in Figma, and nice working space
@oyebadehenry1603
@oyebadehenry1603 Жыл бұрын
Thanks miz 👑
@TrixyJ
@TrixyJ Жыл бұрын
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.
@user-he7nh7re5c
@user-he7nh7re5c Жыл бұрын
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!
@abbas.25.
@abbas.25. Жыл бұрын
one of the most beautiful studios 👌🤩
@YeasinArafat-sj9qy
@YeasinArafat-sj9qy Жыл бұрын
Thank you
@ArifMatubber-km4nv
@ArifMatubber-km4nv Жыл бұрын
that is awesome
@RD-jr8nv
@RD-jr8nv Жыл бұрын
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.
@samuelkamau1550
@samuelkamau1550 Жыл бұрын
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
@rohansingh4327
@rohansingh4327 Жыл бұрын
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.
@Mizko
@Mizko Жыл бұрын
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.
@muhammadnabeeel
@muhammadnabeeel Жыл бұрын
Its 3:16 in the morning and here I am 😄
@Mizko
@Mizko Жыл бұрын
Glad you're here!
@jameslo138
@jameslo138 Жыл бұрын
Great content and nice studio, but what I'm really after is, who makes the hoodie you are wearing?
@eeyernng7260
@eeyernng7260 Жыл бұрын
Do a studio desk setup tour! I want to flex and get some equipment for EOFYS :P
@chineduokoye2521
@chineduokoye2521 3 ай бұрын
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
@MyDigitalHub
@MyDigitalHub Жыл бұрын
Awesomeness
@LeviofanD
@LeviofanD Жыл бұрын
So cool lesson, thx so much from 🇺🇦
@DesignDen673
@DesignDen673 Жыл бұрын
Please give us a behind the scenes of how you create the studio set up!!!
@oZenakos
@oZenakos Жыл бұрын
Mizko are you filming from inside a container on a cargo ship? bangin setup mate looks fresh
@Mizko
@Mizko Жыл бұрын
HAHA thanks man. Cargo ship travels to save on inflated first class flights around the world.
@TheErtster
@TheErtster Жыл бұрын
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?
@zidansyed
@zidansyed Жыл бұрын
Yea i like new studio
@DeepfriedBaby
@DeepfriedBaby Жыл бұрын
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.
@AkinsRealm
@AkinsRealm Жыл бұрын
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 :)
@hanzixt
@hanzixt Жыл бұрын
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?
@zarishayaaz6449
@zarishayaaz6449 Жыл бұрын
office is wallah❤❤🎉🎉
@musicado1751
@musicado1751 11 ай бұрын
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
@emilcupic
@emilcupic 9 ай бұрын
Really hope no new designer watching this ever copies that element from 4:10 in their designs.
@a.j.5747
@a.j.5747 Жыл бұрын
So no more using sections for stateful prototyping? 👀
@rabarhusen9170
@rabarhusen9170 Ай бұрын
💚💚💚
@muhammadnabeeel
@muhammadnabeeel Жыл бұрын
I know you're pretty busy but can we have some interactive components tutorials as well if you can find some time?
@UnwindMe-pr2mu
@UnwindMe-pr2mu Жыл бұрын
Hello!
@Mizko
@Mizko Жыл бұрын
Hello!
@arturkre5793
@arturkre5793 Жыл бұрын
why are your videos only 1080p ?
@edublender
@edublender Жыл бұрын
Do i need to buy the 300 dollar course or this tutorials on your channel gonna be enough Mizko? :D
@Mizko
@Mizko Жыл бұрын
$300 course without a doubt :)
@edublender
@edublender Жыл бұрын
@@Mizko bet, grab it tmmr and hard work it
@Zahra-Opaia-0
@Zahra-Opaia-0 Жыл бұрын
Why can't I translate this video 😢 ?
@Mizko
@Mizko Жыл бұрын
Could it be that the video just published? We can upload subtitles
@putraafiq2408
@putraafiq2408 Жыл бұрын
guess what. didnt work at all for me
@EtoundiOyonoGeorgesLevy
@EtoundiOyonoGeorgesLevy Жыл бұрын
I WISH U TO BE RICH MIZKO and create a YT channel to talk about spirituality and how it affects DESIGN CREATION...
LOVE LETTER - POPPY PLAYTIME CHAPTER 3 | GH'S ANIMATION
00:15
Did you believe it was real? #tiktok
00:25
Анастасия Тарасова
Рет қаралды 56 МЛН
когда повзрослела // EVA mash
00:40
EVA mash
Рет қаралды 4,6 МЛН
5 levels of UI skill. Only 4+ gets you hired.
11:05
Malewicz
Рет қаралды 424 М.
Figma has A.I. now! But do we need it ?
6:13
Shashank Dogra
Рет қаралды 1,5 М.
Prototype & Test in 10 minutes or less
11:56
Jesse Showalter
Рет қаралды 51 М.
If I Started UX in 2024, I'd Do This.
13:15
Aliena Cai
Рет қаралды 283 М.
Figma Advanced Prototyping Features 2023 | In-depth tutorial
18:09
Design Xstream
Рет қаралды 26 М.
Figma Tutorial: Use Figma Variables Like a Pro (+ Practice File)
30:30
DesignWithArash
Рет қаралды 281 М.
Этот Пёс Кое-Что Наделал 😳
0:31
Глеб Рандалайнен
Рет қаралды 4 МЛН
NEW MAFIA EPISODE INCOMING 🖤
0:34
Alan Chikin Chow
Рет қаралды 8 МЛН
Эй Рамазан # DamirAgroDizel
0:16
DamirAgroDizel
Рет қаралды 7 МЛН
Radmiru small or big? 🤔 #shorts
0:18
radmiru
Рет қаралды 14 МЛН