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

Sdílet
Vložit
  • čas přidán 24. 05. 2023
  • 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)
  • Zábava

Komentáře • 81

  • @Mizko
    @Mizko  Před rokem +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 Před rokem

      Will the course be updated for us that already have it? :)

  • @abass_
    @abass_ Před rokem +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 Před rokem +6

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

  • @cultofcrypto6724
    @cultofcrypto6724 Před rokem +1

    Love the new studio. Keep the tutorials coming!

  • @amitmate
    @amitmate Před rokem +1

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

  • @olonks
    @olonks Před rokem +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.

  • @michellezhu1559
    @michellezhu1559 Před rokem +1

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

  • @doAnn88
    @doAnn88 Před rokem +1

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

  • @RoryTaylor10
    @RoryTaylor10 Před rokem

    Dope studio congrats on the upgrade!

  • @denisalwan
    @denisalwan Před rokem +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.

  • @femoskeydev
    @femoskeydev Před rokem +2

    Thanks Mizko. I love the new studio.

  • @uiux.codeboss
    @uiux.codeboss Před rokem +2

    The office setup is fire!

  • @laszlohadhazi1522
    @laszlohadhazi1522 Před rokem

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

  • @LuisVeloz13
    @LuisVeloz13 Před rokem

    The studio looks great!!

  • @douge.zambrano4060
    @douge.zambrano4060 Před rokem

    Great Studio, way to go CONGRATS 🎉

  • @BreathingInPixels
    @BreathingInPixels Před rokem

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

  • @vagarysoulkothari1694

    As always on point and informative. looking forward to subscribing to your 10 youtube channels in future 🥂. The new studio setup looks Dope 🤟🏻

  • @biodunidowu72
    @biodunidowu72 Před rokem +2

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

  • @sti_va
    @sti_va Před rokem

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

  • @nsobs
    @nsobs Před rokem

    Awesome vid, thanks Mizko :)

  • @hellokeisharussell
    @hellokeisharussell Před rokem

    This update is so useful. Thanks for the video!

  • @Rytzzz730
    @Rytzzz730 Před rokem

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

  • @allencabo
    @allencabo Před rokem

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

  • @suniljadhav1889
    @suniljadhav1889 Před 5 měsíci

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

  • @mubindidit230
    @mubindidit230 Před rokem

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

  • @franceslim9561
    @franceslim9561 Před rokem

    Definitely a useful & great update!

  • @nikitatalko4420
    @nikitatalko4420 Před rokem

    Love that studio, man :)

  • @pabitrashow9748
    @pabitrashow9748 Před rokem

    Thanks Mizko, for such a knowledgeable video

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

  • @praiseelechi8832
    @praiseelechi8832 Před rokem

    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 😂

  • @hardihtahir2197
    @hardihtahir2197 Před rokem

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

  • @marianelaolguin7547
    @marianelaolguin7547 Před rokem

    You are the best!! Thank you!!

  • @brandonhamaguchi
    @brandonhamaguchi Před rokem +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.

  • @davidandrew9394
    @davidandrew9394 Před rokem

    Nicely done brother

  • @EhabSalahh_
    @EhabSalahh_ Před rokem

    Perfect 👍🏻 Thank you 🙏

  • @user-he7nh7re5c
    @user-he7nh7re5c Před rokem

    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!

  • @_uuu_
    @_uuu_ Před rokem

    Mizko with that Webflow University setup :D Looks great!

  • @zl7289
    @zl7289 Před 7 měsíci

    That’s exactly what I need now❤

  • @TrixyJ
    @TrixyJ Před rokem +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.

  • @njengathegeek
    @njengathegeek Před rokem

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

  • @abbas.25.
    @abbas.25. Před rokem

    one of the most beautiful studios 👌🤩

  • @samuelkamau1550
    @samuelkamau1550 Před rokem +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

  • @oyebadehenry1603
    @oyebadehenry1603 Před rokem

    Thanks miz 👑

  • @MarcoLoforte
    @MarcoLoforte Před rokem

    the looks amazing.

  • @chineduokoye2521
    @chineduokoye2521 Před 2 měsíci

    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

  • @rohansingh4327
    @rohansingh4327 Před rokem +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  Před rokem

      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.

  • @jameslo138
    @jameslo138 Před rokem

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

  • @oZenakos
    @oZenakos Před rokem +1

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

    • @Mizko
      @Mizko  Před rokem +1

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

  • @eeyernng7260
    @eeyernng7260 Před rokem

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

  • @DesignDen673
    @DesignDen673 Před rokem

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

  • @YeasinArafat-sj9qy
    @YeasinArafat-sj9qy Před rokem

    Thank you

  • @LeviofanD
    @LeviofanD Před rokem

    So cool lesson, thx so much from 🇺🇦

  • @muhammadnabeeel
    @muhammadnabeeel Před rokem +1

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

    • @Mizko
      @Mizko  Před rokem

      Glad you're here!

  • @RD-jr8nv
    @RD-jr8nv Před rokem

    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.

  • @MyDigitalHub
    @MyDigitalHub Před rokem

    Awesomeness

  • @ArifMatubber-km4nv
    @ArifMatubber-km4nv Před rokem

    that is awesome

  • @TheErtster
    @TheErtster Před rokem

    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?

  • @AkinsRealm
    @AkinsRealm Před rokem

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

  • @DeepfriedBaby
    @DeepfriedBaby Před rokem

    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.

  • @zidansyed
    @zidansyed Před rokem

    Yea i like new studio

  • @hanzixt
    @hanzixt Před rokem

    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 Před 11 měsíci

    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

  • @muhammadnabeeel
    @muhammadnabeeel Před rokem

    I know you're pretty busy but can we have some interactive components tutorials as well if you can find some time?

  • @zarishayaaz6449
    @zarishayaaz6449 Před rokem

    office is wallah❤❤🎉🎉

  • @emilcupic
    @emilcupic Před 8 měsíci

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

  • @a.j.5747
    @a.j.5747 Před rokem

    So no more using sections for stateful prototyping? 👀

  • @UnwindMe-pr2mu
    @UnwindMe-pr2mu Před rokem +1

    Hello!

  • @arturkre5793
    @arturkre5793 Před rokem

    why are your videos only 1080p ?

  • @rabarhusen9170
    @rabarhusen9170 Před měsícem

    💚💚💚

  • @edublender
    @edublender Před rokem

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

    • @Mizko
      @Mizko  Před rokem +1

      $300 course without a doubt :)

    • @edublender
      @edublender Před rokem

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

  • @Zahra-Opaia-0
    @Zahra-Opaia-0 Před rokem +1

    Why can't I translate this video 😢 ?

    • @Mizko
      @Mizko  Před rokem

      Could it be that the video just published? We can upload subtitles

  • @putraafiq2408
    @putraafiq2408 Před rokem

    guess what. didnt work at all for me

  • @EtoundiOyonoGeorgesLevy

    I WISH U TO BE RICH MIZKO and create a YT channel to talk about spirituality and how it affects DESIGN CREATION...