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

Поділитися
Вставка
  • Опубліковано 20 гру 2024

КОМЕНТАРІ • 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.

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

  • @uiux.codeboss
    @uiux.codeboss Рік тому +2

    The office setup is fire!

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

  • @cultofcrypto6724
    @cultofcrypto6724 Рік тому +1

    Love the new studio. Keep the tutorials coming!

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

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

  • @LuisVeloz13
    @LuisVeloz13 Рік тому

    The studio looks great!!

  • @BreathingInPixels
    @BreathingInPixels Рік тому

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

  • @doAnn88
    @doAnn88 Рік тому +1

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

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

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

  • @RoryTaylor10
    @RoryTaylor10 Рік тому

    Dope studio congrats on the upgrade!

  • @michellezhu1559
    @michellezhu1559 Рік тому +1

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

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

  • @suniljadhav1889
    @suniljadhav1889 10 місяців тому

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

  • @nikitatalko4420
    @nikitatalko4420 Рік тому

    Love that studio, man :)

  • @hellokeisharussell
    @hellokeisharussell Рік тому

    This update is so useful. Thanks for the video!

  • @Rytzzz730
    @Rytzzz730 Рік тому

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

  • @mubindidit230
    @mubindidit230 Рік тому

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

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

  • @douge.zambrano4060
    @douge.zambrano4060 Рік тому

    Great Studio, way to go CONGRATS 🎉

  • @laszlohadhazi1522
    @laszlohadhazi1522 Рік тому

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

  • @sti_va
    @sti_va Рік тому

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

  • @hardihtahir2197
    @hardihtahir2197 Рік тому

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

  • @chineduokoye2521
    @chineduokoye2521 8 місяців тому

    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

  • @njengathegeek
    @njengathegeek Рік тому

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

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

  • @jameslo138
    @jameslo138 Рік тому

    Great content and nice studio, but what I'm really after is, who makes the hoodie you are wearing?

  • @muhammadnabeeel
    @muhammadnabeeel Рік тому +1

    Its 3:16 in the morning and here I am 😄

    • @Mizko
      @Mizko  Рік тому

      Glad you're here!

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

  • @pabitrashow9748
    @pabitrashow9748 Рік тому

    Thanks Mizko, for such a knowledgeable video

  • @abbas.25.
    @abbas.25. Рік тому

    one of the most beautiful studios 👌🤩

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

  • @nsobs
    @nsobs Рік тому

    Awesome vid, thanks Mizko :)

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

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

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

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

  • @LeviofanD
    @LeviofanD Рік тому

    So cool lesson, thx so much from 🇺🇦

  • @zl7289
    @zl7289 Рік тому

    That’s exactly what I need now❤

  • @davidandrew9394
    @davidandrew9394 Рік тому

    Nicely done brother

  • @franceslim9561
    @franceslim9561 Рік тому

    Definitely a useful & great update!

  • @marianelaolguin7547
    @marianelaolguin7547 Рік тому

    You are the best!! Thank you!!

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

  • @ytRap007
    @ytRap007 5 місяців тому

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

  • @EhabSalahh_
    @EhabSalahh_ Рік тому

    Perfect 👍🏻 Thank you 🙏

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

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

  • @a.j.5747
    @a.j.5747 Рік тому

    So no more using sections for stateful prototyping? 👀

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

  • @arturkre5793
    @arturkre5793 Рік тому

    why are your videos only 1080p ?

  • @oyebadehenry1603
    @oyebadehenry1603 Рік тому

    Thanks miz 👑

  • @zarishayaaz6449
    @zarishayaaz6449 Рік тому

    office is wallah❤❤🎉🎉

  • @MarcoLoforte
    @MarcoLoforte Рік тому

    the looks amazing.

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

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

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

  • @zidansyed
    @zidansyed Рік тому

    Yea i like new studio

  • @YeasinArafat-sj9qy
    @YeasinArafat-sj9qy Рік тому

    Thank you

  • @edublender
    @edublender Рік тому

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

    • @edublender
      @edublender Рік тому

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

  • @ArifMatubber-km4nv
    @ArifMatubber-km4nv Рік тому

    that is awesome

  • @MyDigitalHub
    @MyDigitalHub Рік тому

    Awesomeness

  • @rabarhusen01
    @rabarhusen01 7 місяців тому

    💚💚💚

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