What is Auto Layout?
A Figma layout rule that makes frames resize automatically when their contents change. It works like CSS flexbox for design files.

text grows · frame grows · pad 12
Auto Layout makes frames resize when...
Write it in your own words in the app.
In real work
Apply Auto Layout to the tag component so it expands horizontally when the label text gets longer.
In the illustration
Letter tiles slot in one by one; the frame telescopes wider with each tile while the padding blocks never change size.
Rebuild the settings row with auto layout in your design tool so the label grows and the toggle stays pinned right at every width.
Try it now
The fastest way to learn a word is to use it. Open this line in the agent you already work in and watch what it does. Change the tool to the one you use.
Go further
01Practice
Make it stick
One term a day, a short quiz, and sentence practice that checks your own words.
02Verify
Prove you know it
Pass the quiz and keep it in a Skills Wallet you can share with anyone who needs proof.
03Career
Find the work that uses it
See which roles lean on this vocabulary, and what they pay in year one.





