Inside Figma: The art of being flexible
summary
Auto Layout evolves into a thoughtful subset of flexbox with a concrete claim: v3 adds Auto Layout v3 behaviors — main‑axis and counter‑axis stretch, per‑item fill parent vs hug contents vs fixed sizing, individual padding and space‑between — and replaces scattered controls with a single hybrid constraints and resizing panel plus an interactive nine‑grid alignment UI. A weekend prototype proves feasibility, design critiques reshape scope, and the implementation reconciles resizing and constraints so nested layouts actually expand the way designers expect.
AI-written summary · about
chapters (6)
related talks
32mBreaking Barriers: Understanding Layout Between UI Design and Code
43mWhen Figma meets CSS
16mFigma tutorial: What’s new in Auto layout
43mUnderstanding Layout Between UI Design and Code – Christine Vallaure
33mStructure your designs with Figma Grid, a new way to use auto layout
21mDesigning Auto Layout V4
28mPushing Figma to its limits
43mDesign Beyond Breakpoints