Auto Layout for Beginners (crash course)

If you’re not using auto-layout in Figma, you’re missing out on a huge time saver! The good news is, auto-layout is actually very simple and intuitive once you wrap your head around it. This crash course with Maddy shows you everything you need to start making the most of this feature.
🎓 LEARN Figma for web designers. Master Figma the right way with hands-on experience and 1:1 mentor feedback. Enroll in our course here 👉 bit.ly/3UIBVR5
CHAPTERS
0:00 Intro
0:45 Auto-layout basics
10:30 Demo of auto-layout techniques
📱 Find us on SOCIAL MEDIA
Maddy’s KZbin channel 👉 ‪@MaddyBeard‬
Flux Academy's Instagram 👉 / flux.academy
Flux Academy's Twitter 👉 / fluxacademyhq

[@you-can-t-get-know-me]

I AM CONFUSED IN FIGMA & I WATCHED MANY TUTORIALS BUT FROM THIS I REALLY LEARNED AUTO LAYOUT AS WELL AS MY OTHER FIGMA BASICS ALSO GOT CLEARED

[@linzee18]

thank you so muchhhh !!! you made it understandable very easily

[@ContentSanvt]

Super helpful. Thank you! And you explain easy and clear

[@flexsteveify]

This is exactly what I needed now. HUGE thanks, Maddy!

[@FluxAcademy]

Glad it was helpful!

[@animefan2007bg]

This was awesome. Thank you!

[@FluxAcademy]

Glad you enjoyed it!

[@jeffbeaudoin4544]

Great instruction. I appreciate her explanations for the logic and for the what, why and how.

[@rogerio8710]

Muito obrigado por essa aula incrível.

[@ChrisWorksCreative]

Great tutorial on auto-layout basics! The only question I have is what's the best way to adjust the layout of the rows so that the checkbox and company fields have a smaller gap between them that matches the sample exactly?

[@typezi3212]

Super Helpful for me!

[@FluxAcademy]

Glad to hear!

[@user-fm7nu1em6e]

great tutorial! she's awesome

[@abdulchowdhury2635]

Make a video on figma component

[@ambergrace1001]

Hi, I am working with auto layout and I notice that on my layers, things are in the following order: Device (frame with auto layout) > Frame 1 (frame with auto layout) >> Text Node 2 >> Text Node 1 On my canvas, they appear in the proper order, though: Text Node 1 Text Node 2 Is there a reason why my layers have to be in the opposite order? I notice that yours seem to be in the correct order and it works as expected.

[@linavelandia1792]

This is amazing!! Thank you for this ❤ Is there a reason why you frame the objects first before using auto layout? 14:09

[@linavelandia1792]

Also is there a reason why you auto layout the frames individually? Thankss

[@user-ch7cz3td6l]

Great tutorial ✨thank you I just confused about 1 part - How did you make the button “closed” at the beginning so that the text was along with the button . And so you would be able to adjusted and change within Layout accordingly.

[@user-11DiACasti88]

yes, excellent Tutorial, but i did get confused at the first part too, i don't know why it wasn't so clear or so easy go get the whole idea. Great Job anyway

[@Nitish-go2gp]

Qiara excet of endocrinology of non web development video like this ,, so plzzz do so that easier way to explain

[@terapeutstesti]

If you're doing a tutorial for complete beginners, you'd want to describe everything you're doing. Or it might help to put the keyboard shortcuts you're currently pressing in the video. I had to rewind the video several times to understand what you did. Don't take this as a negative criticism, but a space to improve your tutorials. Thank you. 😉

[@FluxAcademy]

Thanks for the polite feedback. 👍

[@jessejustsick]

Everything worked perfectly until I rounded the corners at the end. The corners for the table became round, but it looks like they are overlapped by the sharp corners of the rows. Not really sure what I did wrong 😅

[@agathe-l8y]

hey, i know you've posted your comment a month ago, but just in case you still care i think i found the solution ! personally, in the auto layout, i selected "clip content" instead of "show content". after that the radius worked just fine :) have a nice day !

[@jessejustsick]

@@agathe-l8y Thank you! I actually wound up doing exactly that, but I still don't get why she didn't seem to have it selected in the demo

[@13rah1m]

Voice 🙄

[@bananaman17]

Such a shame about the rather annoying forced Californian vocal fry...

[@Clicksarun]

Mam, Take breath for every few seconds, I think you're running out of Oxygen causes bit annoying "Vocal fry".

[@AntoineGrangier]

Did I mention the voice fry was unbearable ? Not sure.

[@tomschimana1009]

Don't watch the video, or even better, create your own video and make it BETTER.

[@AntoineGrangier]

Unbearable voice fry.

[@ImpureForce]

Then you just close the video and move on. No need to comment if it's unbearable.

[@AntoineGrangier]

​@@ImpureForce Did I mention the voice fry was unbearable ? Not sure.