Learn Figma Auto Layout in 30 Minutes | FREE COURSE

If you’re going to learn Figma for UI design, you need to learn Auto Layout—it will make your life as a designer ten times easier! Adi Purdila will teach you how to use Auto Layout during this course, in just 30 minutes.

00:00 Introduction
02:08 Getting started with Figma Auto Layout
08:32 Changing spacing and padding
17:46 Changing alignment
26:19 Working with different spacing modes
31:32 Resizing and auto layout

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

[muratkaradas]

Unlike some other videos out there that rush through topics, this one takes its time to explain things clearly. It's evident that he is focused on teaching rather than showing off! Truly refreshing and immensely helpful. Keep up the fantastic work!

[ARTTALK]

You are seriously the best teacher I found in my 3-4 yrs of youtube study. Thank you.

[jimmaccormaic]

Perfect in every way. I’m a Figma newbie, rather struggling getting to grips with it. This series has proved a godsend. Excellent. Many thanks.

[OrlandoDelgadilloLuna]

The way you do this tutorials fits me incredible. Other YouTubers are loud and want to make everything fast, which is good for other people, but for me, yours is the way to go. Next I'll be watching your components tutorial.

[zoiyfxr]

Adi, you have an exeptional skill of explaining a subject, I have watched more than 10 videos on this topic but found your video the most insightful and helpful! You are a real gem!

[pankhudilanjewar]

Thank you, You explain auto-layout very well, taking your time to break it down clearly while others explain it too quickly, making it harder to follow.

[jaredtrp]

Thanks so much for this! I'll be honest, for some reason that I can't explain I was shy about "overusing" Auto Layout, and it was limiting my abilities and efficiency. Seeing you use it here without hesitation helped me see that the pros use it quite a bit.

And thanks for dropping some serious shortcuts bombs in spacing and padding section. Fantastic!

[spacey_]

I've clicked through many other auto layout tutorials, and this is the clearest, easiest to follow, and most practical examples!! Thank you! Subscribed!

[wherethereswilltheresaway]

🤯 This is a low key introduction to CSS, flex. Wish I would have found your tutorials and learned Figma at the beginning of the journey to Web dev. Your videos are extremely helpful for learning the UX/UI design planning, but also solidifying concepts from HTML and CSS. Thank You!

[SunilBohara]

well explained. your method of teaching is very simple and easy to understand which every teacher or tutor should have.

[tanyameshram]

Thank you for such an incredible video and for helping us newbies out there!

[jmora]

I think that relation between this new features and how works css make easy for both design and developers communications...

[ayodelebamisaye]

The best explanation I’ve seen so far, Thanks for this. 👏🏽

[moce]

Just came after finishing the web design for begginers course and it cleared me out lots of wonders I was having!! thank you very much for this!

[pitchblacknight]

Your voice and delivery completely click with my brain. Thank you :)

[teleportkontrola]

So clear and helpful, this is how tutorials should be done, thanks!

[basudevmoharana]

Best thing is his calmness and attention to detail and soft and beautiful communication skill ❤

[Jdadoosey]

This is by far the best tutorial ive watched on auto layout

[akinduyivictor]

Thank you, this was extremely useful.

[philphilphil]

This guy is super pleasant to follow along to. Thank you Envato!