A Guide to Auto Layout: Best Practices, Tips & Tricks | Figma

Поділитися
Вставка
  • Опубліковано 3 лют 2025

КОМЕНТАРІ • 60

  • @shourryaverma
    @shourryaverma Місяць тому +11

    This video answered so many questions that I was never able to find answers to. Amazing work!

  • @huzaifaarif339
    @huzaifaarif339 Місяць тому +21

    This video is the auto-layout BIBLE! Finally, I get it. 🧨

  • @johnbuedel6013
    @johnbuedel6013 Місяць тому +5

    Absolutley fantastic! I thought I knew Auto-Layout, but this introduced so many new features I've yet to use. Thank you so much!

  • @badalsahoo3902
    @badalsahoo3902 28 днів тому +5

    Here is solution . This video is the solution of confusion of autolayout , nice explanation , great teacher 🎉

  • @Loenbrad18
    @Loenbrad18 Місяць тому +4

    No slight to individuals youtubers but other videos I watched just left out key details. You guys didn't on this subject, bravo!

  • @jaxobophiuchi676
    @jaxobophiuchi676 Місяць тому +1

    Best Explanation of this I've sen yet. I feel confident using this feature now. Thank you

  • @lessing3607
    @lessing3607 8 днів тому

    This is comprehensive and concise. Thanks for sharing.

  • @drorkatzir
    @drorkatzir Місяць тому

    Thank you ❤
    Specially for showing how to use auto-layout and at the same time ignoring it (it's like the css position relative and absolute).
    Finally i can come back again to my design but this time with a smile.

  • @goldcoin30
    @goldcoin30 Місяць тому

    this video is the king of explaining auto layouts

  • @effakrisma
    @effakrisma 9 днів тому

    14:40 Wow, I finally know this option, I've been looking for it for a long time. Figma read my mind.😂

  • @UICollectiveDesign
    @UICollectiveDesign 5 днів тому

    One of the best examples!!

  • @ytasce
    @ytasce 10 днів тому

    This video is the video which I was looking for months, thankx finally i understood that damn thing Auto layout.

  • @amansoni0927
    @amansoni0927 19 днів тому +1

    Best video ever on Auto layout

  • @alokranjanoraon7336
    @alokranjanoraon7336 13 годин тому

    great Tutorial

  • @mrrrksmith
    @mrrrksmith 2 місяці тому +32

    As an auto-layout ambassador, I can attest that you can't find a better feature in the world. I love auto-layouts, I want to snuggle up with auto-layouts not a blanket, I want to add auto-layouts to my tea.

    • @terxii
      @terxii Місяць тому +1

      it is also convenient for developing, since frames in a auto-layout is very similar to divs in a flexbox.

    • @kitchenmonster228
      @kitchenmonster228 Місяць тому +1

      so what about… CSS…

    • @ibrahimshaban-i9w
      @ibrahimshaban-i9w Місяць тому +1

      bruh.!! 😅

  • @BoopathySrinivasan
    @BoopathySrinivasan 2 місяці тому

    Thank you very much. Much needed one. The analogies help a lot!

  • @ulib007
    @ulib007 24 дні тому

    reeeeeally great video! Thank you ❤

  • @rohitjadhav8744
    @rohitjadhav8744 2 місяці тому

    Very helpful!!
    Would to loved see more examples from scratch for suggest auto-layout options!!

  • @carrrramba
    @carrrramba 2 місяці тому

    Super comprehensive - super helpful. Thank You :)

  • @muhamadsaeedd
    @muhamadsaeedd 2 місяці тому

    Thank you, I loved Ignore Auto Layout alot 💯

  • @orcadiadesign
    @orcadiadesign 2 місяці тому

    Fantastic video, thank you Figma!

  • @Creative_awhy
    @Creative_awhy 14 днів тому

    The best auto layout video ❤🎉

  • @Ubaid-24
    @Ubaid-24 2 місяці тому

    Very educative and worth listening

  • @syphon583
    @syphon583 22 дні тому

    Love auto layout! Next step (and hopefully this comes in a future update) would be to allow users to set a column and max column count when set to wrap.

  • @sloanNYC
    @sloanNYC 2 місяці тому

    Great review and summary. The nesting behaviors definitely get crazy quickly, especially using Libraries that you didn't design yourself. But there feels like something is missing to help teams "debug" where the layout problems are. With all the nesting we end up spending a lot of time tracing through the parents and children looking for the issues because a lot of the settings are only seen in the side panel... very frustrating.

  • @SenseiVraj
    @SenseiVraj 2 місяці тому

    Soo help full and I learn more about auto-layout @figma is best ❤

  • @Ayansh-e8c
    @Ayansh-e8c День тому

    best autoLAYOUT video

  • @rishabhkathrani9041
    @rishabhkathrani9041 6 днів тому

    Amazing Video..

  • @InstinctRush
    @InstinctRush 2 місяці тому

    I hope you cover more advanced approaches like "box model" for designing screens in future videos of auto layout.

  • @emeraldezy
    @emeraldezy 15 днів тому

    Nice video. Would appreciate if you could do a clear and explanatory video on figma Variables. Thanks

  • @TheHowingFantods
    @TheHowingFantods Місяць тому

    THANK YOU!

  • @saleema6308
    @saleema6308 8 днів тому

    Nice explanation. But I am still wondering If one can make a one design on desktop and it can be responsive on all three devices, desktop, tablet and mobile. Though I have done making responsive components but making whole desktop page responsive to mobile screen size with wrap component possible and no plugins?

  • @annakvernadze1580
    @annakvernadze1580 15 днів тому

    Thanksss!

  • @learnuiuxdesign4824
    @learnuiuxdesign4824 Місяць тому

    Thank you

  • @himidota7fel708
    @himidota7fel708 2 місяці тому

    Thank you ♥♥

  • @UnchainedExperience
    @UnchainedExperience Місяць тому

    Thank you!

  • @diaryofasenselesswanderer
    @diaryofasenselesswanderer Місяць тому

    did not knew about suggest auto layout, and truncating text while needing both so, thankyou so much for making it. But how can I add auto layout "diagonally" iykwim. Imagine a Chat app on Desktop. Your sender and receiver chats move diagonally to each other. I am thinking maybe a Wrap + small vertical + large horizontal gap would do the trick. Let's see!

  • @AsikurRahman-of6lq
    @AsikurRahman-of6lq 24 дні тому

    If anybody learns auto layout and also understands how to work auto layout. This video is perfect for this type of learning person.

  • @MunzirKareem
    @MunzirKareem 2 місяці тому +1

    🔥🔥

  • @JR_______
    @JR_______ 2 місяці тому

    Ahhhh! I've been using Figma since 1979 and I am just learning about Ignore auto layout !?

  • @MrCloudTel
    @MrCloudTel 2 місяці тому

    awesome

  • @akhil_tj
    @akhil_tj Місяць тому

    Done ✅

  • @Itachiuiux
    @Itachiuiux Місяць тому

    I love auto layout

  • @yzx6765
    @yzx6765 2 місяці тому

    learnt~

    • @yzx6765
      @yzx6765 2 місяці тому

      any rewards for 1st comment?@figma

  • @MostachoIrregular
    @MostachoIrregular 2 місяці тому +3

    You're brave playing with that blue liquid over the MacBook.

  • @subhajitmajumder957
    @subhajitmajumder957 2 місяці тому

    How do I get this figma sticker for my macbook?

  • @matheuscardoso7199
    @matheuscardoso7199 2 місяці тому

    Why you guys don't make more educational content like this? :(
    We need a complete 0 to 100 educational content like this to we master Figma and create nice products to society and make the world better....

  • @N_e_x_t_d_i_v
    @N_e_x_t_d_i_v 2 місяці тому

    🎉

  • @bamoj
    @bamoj Місяць тому

    Came here from the "Auto Layout" Linkedin video. Not disappointed.

  • @mohdazaan302
    @mohdazaan302 2 місяці тому

    Make a video on someone fresher how to start where to start learning design's

  • @aprielayu3369
    @aprielayu3369 2 місяці тому

    Make a guide book pdf about figma for beginner

  • @ATHULSHAJI-o8m
    @ATHULSHAJI-o8m 2 місяці тому

  • @Unbothered.design
    @Unbothered.design 2 місяці тому +2

    I personally am waiting for Figma to rollout an feature where I can to type out a prompt and let my entire Figma file get autolayoutized. I am done trying to act like I am ever going to learn this I got bigger fish to fry. God bless you all who still trying to figure out the auto layout thing in 2024.

  • @TufailAhmed-l4k
    @TufailAhmed-l4k 25 днів тому

    Who's this lady? Does she have her own UA-cam channel? If anyone know kindly enlighten me

  • @MunzirKareem
    @MunzirKareem 2 місяці тому

    eeez