Master Figma Auto Layout in 10 Minutes (2022 Tutorial) 

You made Autolayout seem like a breeze Tim, your teaching style is concise and on point

I've watched a lot of people do tutorials but yours are the best I've seen, very calm, great visual representations, to the point and just professional. Thank you for your efforts!

you have no idea, how much your video helped me. nobody taught autolayout like you did. Thanks a lot. ❤

bounce tip , you can use X shortcut key to set spacing between or packed without going into advanced setting of Autolayout!

I was super afraid of the making components and especially responsive. You are a really solid mentor. The way you explain, the calmness in your voice, the fluidity of the whole tutorial. A massive thank you for those crash courses !!

i actually watched many tutorials and they show you how to do it, but yours gave me the concept behind it and how to actually apply it as needed.. thank you and you have a new subscriber.

The clearest and most concise auto layout tutorial on RU-vid. Thank you!

I've watched a bunch of Auto layout videos, but none of them was as simple to understand as yours. Thank you for that!

This is by far the most simple and straightforward explanation of what auto layout is! The idea of auto layout has been kicking my butt since I’ve started learning how to use figma 2 weeks ago! thank you so much

You have no idea how much this video helped me! Auto-layout is one of the most useful tools but also one of the most frustrating to understand imo

This class was absolute amazing! I was finding it really hard to clearly understand and apply Auto Layout on my projects before this video. Now I have finally understand it and I'm already using, and this feature is so great! Thank you Tim 👊

Tim "The Legend" Gabe. I hate how underrated your channel is. Your work is insightful, practical and simple.

First and foremost, you are an absolute teacher. I'm a front-end developer trying to design my own wireframe, this makes everything clear, it is like flex but more XD. I love how calm, and direct you teach. I don't feel anxious listening compared to other creators with banging ear rape sounds along with their fast talking shiz. Will definitely subscribe to you!

Literally one of the most helpful video tutorials I've ever seen. So helpful you provided the resources so we could follow along. Feel very to have a solid grasp on all you covered. Thanks!

I've watched many tutorials, but yours is the best one I've seen. Very clear and precise explanation! Thank you so much! This is just a gift!

I am providing a UX design tutorial for a big company and I will use your template and ... I included your channel as a reference on the Figma file to give you a credit ... You are a great teacher ... Keep it up ... Consistency is what would makes the difference!

Money tutorial, it really helped me a ton coming from XD where most of the elements are always absolute positioned and the auto layouts were driving me nuts. Thanks!!

It took me 10 videos from various prolific ux figma channels until I found a good video - YOUR video. You'd think that UX designers would be able to structure a tutorial in a coherent manner, but apparently not. So many videos I saw - kept saying how simple Auto Layout is to learn, but refused to elaborate on the fine details like you did. It ultimately made the learning process so much more confusing & difficult, and I lost tons of time. Thanks for the amazing video Tim, I'm starting my very first UX job soon, and never heard of Auto Layout in my life. This is the best introduction to the concept, hands down.

I watched dozens of introductory Figma tutorials in the past two days. Yours is the most outstanding one. I, as a learner, have to do three things: Hear the commentary, watch the actions, try to remember how this piece fits into the hundreds of other pieces that make up Figma. Not an easy assignment for the learner OR the teacher. • Commentary: You describe the purpose of the feature. You give a most-likely example scenario and don't clutter the discussion with lots of other possible scenarios. • Actions: You show the necessary actions to use the feature. Your cursor moved very deliberately, pauses long enough for the eye to track it, and you use Zoom effectively. • This Piece: You stay laser-focussed on the subject of Auto Layout. There are SO many features you could have also mentioned, but you disciplined yourself to stay on point. Great job! Things to consider doing differently in the future? Reduce the number of times you say how "easy" so-and-so is. It's kinda distracting coming from any teacher (and I've heard some really great ones do it to excess). As someone once said, "When your work speaks for itself, don't interrupt it."

Thank you soo much. All other tutorial videos only shows what is this and how it actually works. But now if I get stuck in any of the hug hug or fixed situation I will know what is this and how to solve those problem. From last 1.5 years this autolayout was real pain in my figma journey. Don't know how can I thank you.

I was literally looking for simple explanation and most videos I encountered got complicated very fast but this one is light introduction, thanks for the effort u put in :)

I’ve been looking for a way to move hinges without completely ruining my auto layouts in frames, absolute position just saved my life thank you!

One of the simplest and clearest explanation of autolayout feature of Figma. Thanks Tim. Really appreciate. I am following you for all your videos.

I've watched several videos, and they are in a very hurry to end the video. I don't know why... That doesn't help much for a learner. But your video is much more clear. I've got an idea from your video. Thanks!

Subscribed .. Spent literally 2hrs while trying to put a simple text on shape , was not aware of abs position button .. Thanks Tim . But from design perspective , I think it makes more sense for Figma to place the absolute positioning button under auto layout section ..

Came after watching Figma's official account Auto layout tutorial, and yours is 100% times better! Keep it up

Aside from the fact that you nailed the topic, your video quality is just wow! I am subscribing asap!

Best explanation out of all the other youtube videos, thanks much 👍

You have a real gift of teaching

Thanks man, I can see the effort and hard work you've put in this video. Keep up the great work!

Thanks for the explanation, I was having problem with the fixed container and fill container and fixed width, but ur video makes the difference clear, am following you for other updates. Thanks again

Hi Tim, I was just refreshing my practices while working with the auto layout, I always appreciate how you keep things simple, and the way you deliver the knowledge. 👍

Keep up the great work! One of the best channels I have seen. You explain it very well without going too slow.

Wow. was going in thinking it was going to be hard to learn auto layout, but you made it so easy and straight to the point. Subbed for sure, thanks man!

Thank u very much! I have just understood how absolute works. Before I was "grouping layers" in order to manipulate an object inside the auto-layout!

I liked the way of explained easily. I have never seen like this easily way of autolayout understood on youtube..🙏👍🤟🙌

I love the way you explained. Hats off bro. Keep it up. I expect advanced tutorials from you.

I'm a developer who's recently been deep diving into the new Figma tools (autolayout, variables, etc). Watching your series and the first HOLY CRAP moment comes from the absolute positioning" to snap out of autolayout. I did not see that little icon, so I was putting my absolutely positioned element in a different layer level, outside of auto layout. But having it collocated is so much better, especially to communicate the intent to developers. Nice one!

hey tim, love from Pakistan.. "Absolute position" saved my life

thank you so much for making these easy to use tutorials :)

regretting why i didnot find ur channel before ..... u r teaching more than the paid courses

I have been using auto layout for quite a while and wished absolute positioning existed. I didn't know about it 😂. There's always something to learn. Thanks man. I love your content. I just started watching your videos and they are amazing.

I legit just clapped right after watching this video! I am new to figma and It was giving me a hard time with the auto layout. Your video cleared a lot of the problems I couldn't fix

thanks for autolayout tips, i found canvas stroking as a new and important tool for designers :)

Very cool video! The way you explained that auto layout was basically flex for Figma made so much sense to me. Thank you!

Thanks. I downloaded a template for my first website and this is where I was getting hung up.

I lik how 10 minutes video can explain many things. Thankyou ✨✨

this is so good, now i understand a little about auto layout, thanks appreciate the content

This channel is so under rated. Love from India ❤

you taught auto layout very well and simple, Thanks so much

Best auto layout video ever. Thanks.

Thanks Tim. Love how easily you explain things.

great tutorial, thank you for simplifying the concept of autolayout. subbed

amazing man i like the way you show it, easy clear and fast good job

Thank you so much for explaining the logic behind creating responsive design.

Hey bro! I am now more confident in using Auto Layout in my design work and feel that I have a deeper understanding of how it can be used to improve the overall quality of my designs. Your demonstrations were very excellent and helped me understand the ideas much more quickly. Thank you my friend once more for sharing your knowledge and experience with us. I am appreciative of the chance to learn from you because of your teaching enthusiasm and commitment. You're a Great teacher my friend!

Thank you so much! Your explanation is so good. I finally understand this topic.

Thank you for explaining this so well! Every other video I watched on this just left me with more questions than answers.

Thanks for the very detailed tutorial. It helped me a lot!

Just watched this again. Super helpful!

THIS IS SO HELPFUL MAY GOD BLESS YOU

i never understood auto layout till today thank u mate👍🏽 i’d be waiting for some tutorials on what a ui designer should actually do or maybe things a ui designer can create…

Perfectly explained! Thanks!!!!

Absolute position is really really useful

Ig I'm addicted to your videos now😶👾💟

Most effectively explained man. Wish you more success

Your videos are amazing. Short and detailed. Thanks Tim

This was mega helpful in refining existing practices. Thank you :D

Auto layout is really nice, applying it would really make my work easier. Thank you very much sir. I would really love it if you can try slowing down a bit for slow learners. You are great

you get a subscription👌🏻 , also you can select frame then click enter to get you inside internal layers then choose fill to make them all instead of one by one, I hope this help

Thanks for this informative video. I loved how straightforward your instructions were.

This is just amazing. Thanks for sharing!

Your videos are insanely helpful! Byfar the best UI/UX tutorials on RU-vid

So good, you're an excellent teacher

You just gave me exactly what I was looking for🤗 Thank you very much for this video

Thank you very much for the video and your figma file! ❣

Thank you a lot, Tim! It's really a very helpful tutorial

This is the best video on this topic, so well put together! Thanks

Not even done watching , still so helpful in the fill containers

Bro you saved a lot of my time thankyou

Super helpful to understand Auto Layout in Figma even better, thanks dude!

Thankyou so much for this explanation.Now I know what this fill Phil.... actually means.And your editing skills are bomb.

amazing , your teching is so perfect😍,thank u teacher

Thank you Tim, it was very helpful

Thank you. Very helpful.subscribed

Thank you! I have learned a lot today.

Yes this is what I needed now

this video made me understand auto layout thank u

I love how clear and simple, you explained the concept ! Thanks

thanks! this is the video which i was looking for a loooong time!

Super helpful 😍Thank you for this

Thank you for putting in the time to teach others.

omg grear video i've been struggling so much

THNX! I feel that I finally understood this auto layouts!

I love auto layout too! I really like your style of presenting Figma's features, it's simple and to the point. I'm training a new designer in Figma and I'll be sharing several of your videos. Thanks.

Wow, well explained! Thanks!

Great explanation of an auto layout! Thanks for your content!

Thanks Tim! It is really good video which helps me a looooooott!

Tim, Thank you ! That was so helpful for me

thank you so much for simplifying this!!!