Figma for Education: Learning Auto layout

One of the best tutorials ever that helps me a lot. It's like a reference for me.

5:18 Tutorial Begins / Figma Interface Basics 8:45 What is Auto Layout and Why is it Useful? 11:45 Layout Basics / Creating and Removing Auto Layout Frames - 14:51 Example: Make a Simple Letter Avatar - 16:40 Nesting Auto Layout Elements - 21:18 Spacing Between Items - 21:53 Apply Negative Spacing, Adjust Constraints - 24:13 Padding ---- 24:34 Adjust Padding on Canvas and Constraints - 27:48 Example: Make a Bulleted List from Scratch 35:34 Resizing - 36:08 Flexible Resizing ---- 37:05 Resize Behaviors - 38:35 Container Responds to Content Size (Hug) - 41:43 Content Responds to Container Size (Fixed/Fill) - 44:02 Review: Resize Behaviors (Hug, Fixed, Fill) - 46:50 Resizing Nested Items - 47:24 Resizing Shortcuts 50:25 Alignment and Advanced Layout / Alignment and Spacing Mode - 51:40 Text Baseline Alignment - 54:00 Canvas Stacking - 57: 40 Text Truncation (Review as it was already discussed throughout resizing) 58:43 Absolute Positioning - 1:02:35 Placement & Constraints of Absolute Positioned Items 1:03:40 Q + A

One of the best Figma tutorials i have come across....kudos!

These are really thorough. And, watching them all over and over (over time), they're way better than all these expensive so-called "Figma masterclasses". Kudos to the Figma for Education team!

This was amaaaazing! I freaking love this man. Finally I can say I really understand auto layout! best teacher ever

Thank you for your contribution, the spirit of "education for all" of figma is not dead :)

Hands down most helpful and clear tutorial I've come across so far.

The most thorough tutorial I've come across so far. I saved it and watched couple of times. I also saved the files so I can always easily go back and remind myself of something. Thanks Figma! :hand-pink-waving:

Of course, this is the most thorough tutorial I've come across so far. It's definitely one I needed the most. Otherwise, I'm not sure I would have been aware of the absolute positioning feature. I was a designer before I was a developer, but I never stepped into Figma (I was hooked on XD since I have a PC and couldn't get Sketch. Lol). Now that I am learning Figma, I am loving how it keeps developers in mind when adding new features!!! Thanks for the tutorial!

Thank you. I learned a lot in one hour 🙏🏻

So far, the best tutorial I've seen on Auto layout

quite literally the only tutorial that makes sense. thank you so much

thank you for breaking it down for ACTUAL BEGINNERS. Other "Beginner" tutorials are still not beginner friendly and go WAY too fast.

Super helpful! Thanks for putting this tutorial together

This is the best tutorial I've found since I started learning Figma, muchas gracias Migue! abrazo

Miggi is a gift to humanity <3

I love how you didnt immediately start talking about something irrelevant. You got right to the point 🎉

1:01:35 is super helpful 😁😁thanks so much for this tutorial! i created a progress bar that has some dots distributed evenly on it. also, the line needs to adjust based on the width of the page, even sometimes the dots needs to have different styles. This video really solved all ! loved thi

This tutorial is INCREDIBLE!!! Sending all of my colleagues from Springboard this way, best Figma resource I've seen so far. Only question, anybody else having trouble getting the text truncation shortcut to work? It's fine because you can just go into the menu, but I'm just stumped as to why, at least on my Macbook, option + "Fixed Size" in text panel won't work. Thank you for this!!!

So easy to follow!! this was great