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

Поделиться
HTML-код
  • Опубликовано: 5 фев 2025
  • 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)

Комментарии • 81

  • @Mizko
    @Mizko  Год назад +9

    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_ Год назад +8

    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 Год назад +6

    The new studio looks amazing to me. We can truely see that you guys are in a hole new level.

  • @uiux.codeboss
    @uiux.codeboss Год назад +2

    The office setup is fire!

  • @doAnn88
    @doAnn88 Год назад +1

    Mizko 😊! You always cover our backs with videos like these! 😊 thank you, greetings from Berlin

  • @amitmate
    @amitmate Год назад +1

    Studio looks so cool man! great job! and perfect tutorials as always.

  • @femoskeydev
    @femoskeydev Год назад +2

    Thanks Mizko. I love the new studio.

  • @biodunidowu72
    @biodunidowu72 Год назад +2

    Love your new studio😍. You now have more space to throw your hands around 🤣.
    Thanks for always sharing helpful designs videos for us.

  • @cultofcrypto6724
    @cultofcrypto6724 Год назад +1

    Love the new studio. Keep the tutorials coming!

  • @olonks
    @olonks Год назад +3

    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.

  • @denisalwan
    @denisalwan Год назад +3

    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.

  • @BreathingInPixels
    @BreathingInPixels Год назад

    You are The Best Mizko... And office setup is also beautiful along with the lighting...

  • @michellezhu1559
    @michellezhu1559 Год назад +1

    Quick and effective video as always! And bravo to Figma team, solving pain points one after another!

  • @sti_va
    @sti_va Год назад

    Looking good, the studio and the younger you 😁👍🏻

  • @LuisVeloz13
    @LuisVeloz13 Год назад

    The studio looks great!!

  • @douge.zambrano4060
    @douge.zambrano4060 Год назад

    Great Studio, way to go CONGRATS 🎉

  • @RoryTaylor10
    @RoryTaylor10 Год назад

    Dope studio congrats on the upgrade!

  • @allencabo
    @allencabo Год назад

    The new studio looks dope!! Would love to see a tour, maybe in a video?

  • @nikitatalko4420
    @nikitatalko4420 Год назад

    Love that studio, man :)

  • @Rytzzz730
    @Rytzzz730 Год назад

    thankyou for your lesson, i actually didn't notice it until I saw your video, Thanks a lot Sensei.

  • @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 🤟🏻

  • @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

  • @hellokeisharussell
    @hellokeisharussell Год назад

    This update is so useful. Thanks for the video!

  • @mubindidit230
    @mubindidit230 Год назад

    Loved it Mizko. Maybe you can make a video, of your studio setup!!!

  • @hardihtahir2197
    @hardihtahir2197 Год назад

    Awesome new studio!! I wish I also can get one. Got more space, fresher and yeah you look younger now. 😆

  • @suniljadhav1889
    @suniljadhav1889 Год назад

    What a nice tutorial it is...Thanx Mentor .....learn a lot....

  • @laszlohadhazi1522
    @laszlohadhazi1522 Год назад

    Love it 🎉, this what I need right now!
    Thanks for sharing it

  • @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 😂

  • @TrixyJ
    @TrixyJ Год назад +1

    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.

  • @brandonhamaguchi
    @brandonhamaguchi Год назад +2

    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.

  • @nsobs
    @nsobs Год назад

    Awesome vid, thanks Mizko :)

  • @pabitrashow9748
    @pabitrashow9748 Год назад

    Thanks Mizko, for such a knowledgeable video

  • @zl7289
    @zl7289 Год назад

    That’s exactly what I need now❤

  • @samuelkamau1550
    @samuelkamau1550 Год назад +2

    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

  • @marianelaolguin7547
    @marianelaolguin7547 Год назад

    You are the best!! Thank you!!

  • @abbas.25.
    @abbas.25. Год назад

    one of the most beautiful studios 👌🤩

  • @oZenakos
    @oZenakos Год назад +1

    Mizko are you filming from inside a container on a cargo ship? bangin setup mate looks fresh

    • @Mizko
      @Mizko  Год назад +1

      HAHA thanks man.
      Cargo ship travels to save on inflated first class flights around the world.

  • @njengathegeek
    @njengathegeek Год назад

    I have known state management as a no joke topic in flutter, glad seeing it in Figma, and nice working space

  • @franceslim9561
    @franceslim9561 Год назад

    Definitely a useful & great update!

  • @rohansingh4327
    @rohansingh4327 Год назад +1

    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.

  • @EhabSalahh_
    @EhabSalahh_ Год назад

    Perfect 👍🏻 Thank you 🙏

  • @chineduokoye2521
    @chineduokoye2521 9 месяцев назад

    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

  • @muhammadnabeeel
    @muhammadnabeeel Год назад +1

    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?

  • @davidandrew9394
    @davidandrew9394 Год назад

    Nicely done brother

  • @theegoodchild
    @theegoodchild Год назад

    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!

  • @oyebadehenry1603
    @oyebadehenry1603 Год назад

    Thanks miz 👑

  • @eeyernng7260
    @eeyernng7260 Год назад

    Do a studio desk setup tour! I want to flex and get some equipment for EOFYS :P

  • @DesignDen673
    @DesignDen673 Год назад

    Please give us a behind the scenes of how you create the studio set up!!!

  • @LeviofanD
    @LeviofanD Год назад

    So cool lesson, thx so much from 🇺🇦

  • @ytRap007
    @ytRap007 6 месяцев назад

    @Miko can you have a series of videos about prototyping in figma. thanks😇

  • @MarcoLoforte
    @MarcoLoforte Год назад

    the looks amazing.

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

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

  • @YeasinArafat-sj9qy
    @YeasinArafat-sj9qy Год назад

    Thank you

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

  • @zarishayaaz6449
    @zarishayaaz6449 Год назад

    office is wallah❤❤🎉🎉

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

  • @a.j.5747
    @a.j.5747 Год назад

    So no more using sections for stateful prototyping? 👀

  • @musicado1751
    @musicado1751 Год назад

    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 Год назад

    Really hope no new designer watching this ever copies that element from 4:10 in their designs.

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

  • @MyDigitalHub
    @MyDigitalHub Год назад

    Awesomeness

  • @ArifMatubber-km4nv
    @ArifMatubber-km4nv Год назад

    that is awesome

  • @arturkre5793
    @arturkre5793 Год назад

    why are your videos only 1080p ?

  • @zidansyed
    @zidansyed Год назад

    Yea i like new studio

  • @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 Год назад +1

    Hello!

    • @Mizko
      @Mizko  Год назад +2

      Hello!

  • @eguargq
    @eguargq Год назад

    Do i need to buy the 300 dollar course or this tutorials on your channel gonna be enough Mizko? :D

    • @Mizko
      @Mizko  Год назад +1

      $300 course without a doubt :)

    • @eguargq
      @eguargq Год назад

      @@Mizko bet, grab it tmmr and hard work it

  • @rabarhusen01
    @rabarhusen01 8 месяцев назад

    💚💚💚

  • @Zahra-Opaia-0
    @Zahra-Opaia-0 Год назад +1

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