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

[@shourryaverma]

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

[@huzaifaarif339]

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

[@drorkatzir]

🤣 yes indeed!

[@johnbuedel6013]

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]

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

[@Loenbrad18]

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

[@goldcoin30]

this video is the king of explaining auto layouts

[@ytasce]

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

[@amansoni7371]

Best video ever on Auto layout

[@effakrisma]

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

[@jaxobophiuchi676]

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

[@lessing3607]

This is comprehensive and concise. Thanks for sharing.

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

[@mrrrksmith]

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]

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

[@kitchenmonster228]

so what about… CSS…

[@ibrahimshaban-i9w]

bruh.!! 😅

[@Creative_awhy]

The best auto layout video ❤🎉

[@ulib007]

reeeeeally great video! Thank you ❤

[@BoopathySrinivasan]

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

[@syphon583]

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.

[@carrrramba]

Super comprehensive - super helpful. Thank You :)

[@orcadiadesign]

Fantastic video, thank you Figma!

[@muhamadsaeedd]

Thank you, I loved Ignore Auto Layout alot 💯

[@sloanNYC]

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.

[@rohitjadhav8744]

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

[@Ubaid-24]

Very educative and worth listening

[@rishabhkathrani9041]

Amazing Video..

[@InstinctRush]

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

[@SenseiVraj]

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

[@saleema6308]

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?

[@AsikurRahman-of6lq]

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

[@emeraldezy]

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

[@TheHowingFantods]

THANK YOU!

[@himidota7fel708]

Thank you ♥♥

[@MunzirKareem]

🔥🔥

[@annakvernadze1580]

Thanksss!

[@UnchainedExperience]

Thank you!

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

[@MostachoIrregular]

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

[@learnuiuxdesign4824]

Thank you

[@subhajitmajumder957]

How do I get this figma sticker for my macbook?

[@JR_______]

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

[@MrCloudTel]

awesome

[@bamoj]

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

[@matheuscardoso7199]

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

[@akhil_tj]

Done ✅

[@Itachiuiux]

I love auto layout

[@yzx6765]

learnt~

[@yzx6765]

any rewards for 1st comment？@figma

[@aprielayu3369]

Make a guide book pdf about figma for beginner

[@mohdazaan302]

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

[@ATHULSHAJI-o8m]

[@N_e_x_t_d_i_v]

🎉

[@Unbothered.design]

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]

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

[@MunzirKareem]

eeez