Learn Figma Auto Layout in 10 Minutes (Everything You Need To Know)

Auto layout in Figma is something that can help you design faster and more efficiently. It can also help you understand how to properly set up your design in order to pass off to developers on when you're building yourself. Being able to know how to design something correctly is a huge power that not many designers have. This video should cover 99% of what you need to know for figma autolayout.

Try the work file here: 👇

💻 Explore Figma Components 👇

🛠 Try Figma 👇

🛠 Figma For Pros 👇

🚀 Subscribe for more weekly design content

🎥 What I use in my videos!

📄 Bonsai Referral (try for free)

👨‍💻 Connect with me

🌎 Socials

DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you!

[jintygibson]

It would be good to have keystrokes displayed on screen. I found myself not understanding what you where doing at times! Was still a helpful video! keep it up!

[maleficarum]

Finally! Somebody made quick and easy tutorial on auto layouts, not 1 hour of nonsence. Arnau you are a living legend

[bowiejackson]

You are a legend bro, whenever I deep dive into a topic, your videos provide me with straight to the point explanations!

[_nightfall_artist]

I just started to use auto layout. The other guys eating up 40 to 50min for small topic. You're amazing bro. Thanks Again.

[sekarsalsabilasp]

Thank you so much for the tutorial bro. I clicked your video to learn about auto layout. But you also taught me how to use absolute position and rename a lot of layers at once

[kathlouise]

I'm so glad I found this. Thank you so much! I was so confused with auto layout earlier without knowing that I was doing a wrong approach.

[liyanaldsm]

This is very helpful. I was confused about using auto layout but your explanation is very easy to understand. Thank you 😀

[chini]

These videos are amazing, clear, crisp and to the point, absolutely love the work you are doing, would love to see a similar video for mobile apps if possible, like that would be super cool. Honestly, this is like my favorite channel right now because of how easy to follow your videos are. Thanks!!

[yiranshan]

thank you so much for the video! I am very new to figma, I didn't even know you can put an auto layout inside another one!

[shamnadshah]

Nice tutorial, I was creating the atoms first and press shift+A yet. I haven't autolayouted a rectangle or frame and started putting things in it. This really helps too

[boikanyok]

I'm a newbie when it comes to Figma. Very insightful and I look forward to the next video.
Thanks

[mannankhandelwal]

I struggled a lot with auto layout but finally I think I got the hang of it. You've presented the auto layout in the simplest words and its really easy to understand. Really helpful video.

[ramindermahal]

This was great I had been struggling with auto layout now I finally get it

[wholockianfangirl]

This was so digestible, thank you! I haven't been able to understand auto layout until now

[cbubbb]

You were right! No transitions and another great video. Thanks! 🎉😊🙏

[snehashah]

This is very helpful...creating layouts that can be recreated in CSS/HTML

[llu]

As a junior designer this channel has been super helpful, thanks Arnau :)

[isaacsanchez]

This video made it click for me after watching many videos of how to use auto layout, using the figma to webflow plugin i can design so much faster now! ❤❤❤

[malihaparveen]

Amazing tutorial! Easy to understand and implement in my designs.

[alfiartya]

You know what, your explanation is very clear! I understand about how Auto Layout works now. Thanks for this helpful video 😄🙌