I loved the video, thank you for the great content! I'll hopefully be using the Auto Layout for creating various cards and components as part of a Design System. Would love to see a more complex example - like creating Auto Layout element with a behavior for resizing from Web to mobile screen size (Will elements stack on top of each other or something else?) :)
2 years late but even after figma updates this is still one of the only auto-layout tutorials that clicked with me. explaining a design in figma as a collection of frames rather than elements really helped. thanks
Wow, Auto Layout is totally game-changing. I've spent several hours on the boring alignment and then extra hours revising them. Now, Auto Layout saves my life.
I like the intro and the song , the motivational style of speaking and the content. I was feeling down today and disheartened but saw your video and gave me the courage to keep on pressing .
This is a great explanation and tutorial. The one key thing that makes Figma superior to all others is that it mimics how you would normally code websites. Frames essentially become html divs that can receive similar styling properties. These styled frames (divs) then have boxes or content placed inside them. This is formally known as the CSS Box Model and Figma is the only design software I have used that follows this model. And in this video, auto-layout highly mimics the CSS grid styling properties. In my opinion, Figma and it’s features are the closest thing you can get to a designing for web in a design tool without ever writing a single line of code (apart from Webflow).
Thanks Daniel I am designer have designed everything pretty much like print, websites, and now mobil. Your explanation really makes it clear that they are divs, good to know having some coding background with HTML5 and Dreamweaver.
OH MY GOD!!!!! I have been frustrated and still can't get my head around after WATCHING COUNTLESS VIDEOS EXPLAINING AUTO LAYOUT BUT YOU EXPLAIN IT PERFECTLY WELL. YOU ARE THE BEST JESSE!!!!! THANK YOU SO MUCH. MUCH LOVE
Came back to this video after almost a year, while organizing my messy tabs, and i remember struggling to learn auto layout around a year back untill i watched this video and now i love auto layout. Thanks to this video and creator. The simplest way to understand auto layout for a beginner.
I'm just now starting to work with Figma and this video was more helpful than the one from the beginner's video from Figma. And your excitement is contagious! Thanks for sharing your knowledge :)
I have watched so many tutorials that go too deep too fast before landing here and I am so glad I found you. Such a proper and simple explanation of auto layout.
The best tutorial I’ve seen so far. Watched it and definitely watching again. You just earned my subscription. Thank you for helping other junior designers out there
I am a beginner in the UX field but for some reason i never used groups and swore by frames, made my work much easier and more neat. This video helped out a lot, thank you!
I was so confused with auto layout in Figma and only comprehend it after watching your video. Excellent explanation and example. Thanks a lot for your effort!
You are a super fun teacher, thanks so much, as time goes by, we all see Figma bypass them all. Thanks again Jesse, you are one of the bests out there.
He definitely has a talent, or at least a skill for breaking stuff down in a simple flow that's robust but not redundant. Which is harder to do than one might think. This guy should be working in UX.
The video is truly helpful. I came here after watching a Figma tutorial and reading an article they have on auto layout but it was hard to follow. Your way of explanation is way easier and certainly more fun to watch.
Wow! I'm following along with the tutorial, and as soon as a question comes up or I don't get something, a moment later you've addressed it! Super thorough and very much worth watching!
Thanks for creating this, Jesse! Haven't used figma in forever and my new team uses it - this was by far the clearest explanation to get me up to scratch again!
omg thats amazing!! Im new to all of this, Im a UX / UI student and this is way ahead of what I've learnt just yesterday! Thanks for sharing!!! New follower here!
This was so incredibly helpful, THANK YOU! I'm a junior designer and this is the most helpful video I've found on Auto Layout. (P.S. tangentially, you should do a video on your studio decor, the lighting is on point!!)
I dont know but there is something about the way you teach that I like so much. Pray I find out what it is and then I will tell you. I just subscribed. Thanks
How can you start using Auto Layout in your projects?
I learned auto layout from pablo stanley's channel. Now I am pretty much comfortable with it.
@@Mayank-rs7kg Hey same thing man.
I can't figure out to add color to the background of each one of my frames. Please help.
I loved the video, thank you for the great content! I'll hopefully be using the Auto Layout for creating various cards and components as part of a Design System. Would love to see a more complex example - like creating Auto Layout element with a behavior for resizing from Web to mobile screen size (Will elements stack on top of each other or something else?) :)
Auto-layout e v e r y t h i n g
2 years late but even after figma updates this is still one of the only auto-layout tutorials that clicked with me. explaining a design in figma as a collection of frames rather than elements really helped. thanks
Wow, Auto Layout is totally game-changing. I've spent several hours on the boring alignment and then extra hours revising them. Now, Auto Layout saves my life.
I am a Junior UX Designer and I really love the way to talk and explain stuff. You are an amazing man, keep going!
Thanks so much for seeing value in my work! Have a good week!
Tuong got the hots for teacher 😍
How much salary
Yes, he is a natural teacher for sure. Love his videos.
I like the intro and the song , the motivational style of speaking and the content. I was feeling down today and disheartened but saw your video and gave me the courage to keep on pressing .
The clearest explanation of Auto Layout I've seen. You smashed it, Jesse! Cheers
Many mahalos, T!
Agree. I was so overwhelmed by Auto Layouts and watched couple of video but only now I had the "ooh" moment.
in my life i tell you
This is the first video where I really felt like I understood what was happening. Thankful for this!
Thanks so much, Lamar! I’m so glad I was able to help out!
Yeah he is a really great splainer
This is a great explanation and tutorial. The one key thing that makes Figma superior to all others is that it mimics how you would normally code websites. Frames essentially become html divs that can receive similar styling properties. These styled frames (divs) then have boxes or content placed inside them. This is formally known as the CSS Box Model and Figma is the only design software I have used that follows this model.
And in this video, auto-layout highly mimics the CSS grid styling properties. In my opinion, Figma and it’s features are the closest thing you can get to a designing for web in a design tool without ever writing a single line of code (apart from Webflow).
Nice info, Daniel! Help me a lot to discovery more about the impact of Figma
Thanks Daniel I am designer have designed everything pretty much like print, websites, and now mobil. Your explanation really makes it clear that they are divs, good to know having some coding background with HTML5 and Dreamweaver.
OH MY GOD!!!!! I have been frustrated and still can't get my head around after WATCHING COUNTLESS VIDEOS EXPLAINING AUTO LAYOUT BUT YOU EXPLAIN IT PERFECTLY WELL. YOU ARE THE BEST JESSE!!!!! THANK YOU SO MUCH. MUCH LOVE
Nice explanation, it would be best if the keyboard shortcuts are shown on the screen just like what the official did.
Came back to this video after almost a year, while organizing my messy tabs, and i remember struggling to learn auto layout around a year back untill i watched this video and now i love auto layout. Thanks to this video and creator. The simplest way to understand auto layout for a beginner.
Had to watch 3 videos to get it, but I think I finally got it, haha! Thanks man!!
You’ve got this, Nicolas!!
I'm just now starting to work with Figma and this video was more helpful than the one from the beginner's video from Figma. And your excitement is contagious! Thanks for sharing your knowledge :)
This has to be the best and most straight forward auto layout tutorial I've seen.
I have watched so many tutorials that go too deep too fast before landing here and I am so glad I found you. Such a proper and simple explanation of auto layout.
dude auto layout changed my entire approach to design, thank you brother.
The best tutorial I’ve seen so far.
Watched it and definitely watching again.
You just earned my subscription. Thank you for helping other junior designers out there
This is the most clear explanation and presentation I've heard for Auto-layout and Frames. ThX!
Best auto-layout tut have seen so far!
Thank you so much for the kind words, Akinola!
Your explaining is perfect! Good example
This is about the best video on auto-layout out there. Thumbs up Jesse!
I am a beginner in the UX field but for some reason i never used groups and swore by frames, made my work much easier and more neat. This video helped out a lot, thank you!
The best explanation of auto layout I’ve seen in youtube👌🏼
Wow, thanks!
Hi, from Indonesia. Thank you so much Sir, It's clear for me to be a beginner in UI/UX Designer.. Your explanation is easy to understand.
Well explained, couldn't figure out how to use it until watching this video. Thanks!
I go way more in depth in my new UI design program 30dayui.com/
I have started my UI journey. I had a bit confused about auto layout but after this video all things are clear. Thank you so much
Best tutorial of auto layout I have ever seen. Was getting so confused before. Now, things are fixing in bits and pieces. So much thanks to you!
My God, thank you so much. This is by far the simplest explanation of auto layout. I literally got it on one try
I was so confused with auto layout in Figma and only comprehend it after watching your video. Excellent explanation and example. Thanks a lot for your effort!
Finally a tutorial that actually motivates me to learn. These are surprisingly rare so thanks a lot!!
Honestly
Fantastic tutorial! The clearest explanation of auto layout I've stumbled across.
Thanks so so much!!
subscribing to you coz this is the first video on auto-layout that is clearcut and makes sense! thanks!
OMG I can't believe that I have found a channel that explains exactly how to use auto layout. Your methodology is amazing 👏
I just came across this video and this is by far the best explanation of auto layout. Thank you
Thank you Brother! This was the first tutorial on Auto-Layout that didn't make my brain melt and was easy to follow.
Man, just the opening line was enough to make me change my workflow. As a Figma OG I used to draw rectangles, grouping etc. Thanks for explaining it
That is one good tutorial for all the people new to auto layout!
Kudos to you for putting up such nice content!
I have been learning UI/UX and this guy has been nothing but Amazing and Helpful… i love you bro🥺
You are a super fun teacher, thanks so much, as time goes by, we all see Figma bypass them all. Thanks again Jesse, you are one of the bests out there.
The best explanation about auto layout in Figma.
You do an excellent job. The energy you bring and your ability to teach are better than most I’ve seen. Thank you.
Wow, thank you! I appreciate that so much
He definitely has a talent, or at least a skill for breaking stuff down in a simple flow that's robust but not redundant. Which is harder to do than one might think. This guy should be working in UX.
The video is truly helpful. I came here after watching a Figma tutorial and reading an article they have on auto layout but it was hard to follow. Your way of explanation is way easier and certainly more fun to watch.
Thank you for explaining the minute details of Auto Layout, Exactly what I was looking for!
Glad it was helpful!
Love the vibe you bring to this channel and the process, makes it easy to follow along. Nice one!
Thank you so so much for the support!
I was so confused about Auto Layout before watching your video! Thanks a ton :)
WOW!!! One of the best Figma videos, ever! Thank you and bravo!! *thumbs up*
No 20 min video with extra talk? Love it! straight to point thank you.
Btw, I really love the tone of your voice and your passion for explaining Auto Layout for us. Thanks, Jesse ^_^
That was bloody awesome. I was looking for hours for a decent video to explain tables and auto layouts! A job well done and thank you ❤️
Thank you so so much! I’m so stoked i was able to help you out!
this is extremely helpful. you are a really great teacher. very good at teaching this somewhat complicated topic with the examples n everything
can't explain how wonderful the video was.
I agree this was such a great explanation of auto layout that I was not getting by watching the video tutorials from figma. Great job.
Right on point. Excellent explanation. Not a single second gone to waste. Please keep up the good work.
Thank you so much for breaking this down into all the details and not talking over all us n00bs, I understood perfectly. :D
The first auto-layout video I realllyyyyy loved. So helpfull. Thanks Jesse.
Thanks so much, Stephanie!
Let's auto layout inside auto layout which is inside auto layout with some auto layout inside! Love it!
amazing, this changed completely my workflow with figma. thank you!
Wow! I'm following along with the tutorial, and as soon as a question comes up or I don't get something, a moment later you've addressed it! Super thorough and very much worth watching!
The most legit tutorial to date.
I would like to thank you for the way you present information!!! Thank you! Thank you!
Thank you Figma for this needed feature and thank you Jesse for bringing this to my attention!
You’re so so welcome, Kevin!
Thank you so much! The way you're explaining is fantastic!
Thanks!
Thanks for creating this, Jesse! Haven't used figma in forever and my new team uses it - this was by far the clearest explanation to get me up to scratch again!
fastest tutorial i have ever seen GOOD JOB BRO
You're the best teacher I've ever had. no lie XD
Couldn't explain it any better. Thank you so much
A detailed but easy to understand explanation of auto layout, Thank you!
Your learning style is owesome thanks for this great tutorial!
Thanks
Game changing AND amazing results from this tut + a Figma learning curve for a project at work. Thanks, Jesse!
you are my online UX mentor. Thank you so much!
I love the way you explain things, that is adorable! Everything is clear and easy with you! Thanks a lot ❤
Absolutely the best explanation around.
Well explained, I’m here for more.
Thank you 🙏
I was trying to figure out how can I drop a responsive makeup as CSS media quarry, here is the answer. Thank you!
Amazing as always! Let's keep doing auto-layout videos pleaseeeeee!
More to come!
Thanks for sharing brah. Like your no nonsense tutorial and will follow. Keep'em coming!
so far, the best tutorial on Auto Layout to me. Great job Jesse!!!
omg thats amazing!! Im new to all of this, Im a UX / UI student and this is way ahead of what I've learnt just yesterday! Thanks for sharing!!! New follower here!
Greatest figma auto layout tutorial ever!!!
Wow! @jesseshowalter, Thank you so much for explaining about the auto layout as a very neatly.
Amazing! Easy to follow & understand! Tysm!
Thanks, Ashes!!
This was so incredibly helpful, THANK YOU! I'm a junior designer and this is the most helpful video I've found on Auto Layout.
(P.S. tangentially, you should do a video on your studio decor, the lighting is on point!!)
I’m so stoked I was able to help you out!yeah!!!! Mahalo!
Thank you for helping me understand this powerful feature.
Damn, you are so precise and clear. Great job!!!!
I dont know but there is something about the way you teach that I like so much. Pray I find out what it is and then I will tell you. I just subscribed. Thanks
Thanks for helping auto, definitely helped me a lot with all the concepts that I need to start playing a little bit more with figma
You’ve got this, Marcus!
Huge thank you! You're making my design work so easy right now.
You are amazing Jesse! Priceless knowledge here
Thank you for this, I feel that I love you, the best explanation that I have seen on auto layouts!
Just one video and I'm hooked.
you are a good tutor ,wish algorithms class sound easier like this lol
Thanks for the very important and easy explanation. I got all the points. 😊
Good stuff right here! I love your tutorials man and the energy you bring while designing shows it's fun. Keep doing what you do
Thanks Jesse! Great content as always bro. Keep it coming!
Thanks! Will do!
fantastic, your a great teacher Jesse - George from the UK, London
Extremely helpful video short and to the point. Great video presentation.
Clear and Crisp explanation bruh!!
your lessons are really helpful, thank you.
This is amazing man, loved the way you explain everything, so easy to understand. Keep it coming and thank you so much for this :)