Free Lesson
Fix Your Figma Auto Layout Confusion
45 min
Mar 12, 2026 2:00 PM
Virtual (Zoom)
In this video
What you'll learn
Rebuild Auto Layout from scratch in 30 minutes
In just 30 minutes, you’ll see why Auto Layout feels confusing and finally understand the structure behind it.
Understand Auto Layout using real CSS (Flexbox + Grid)
Auto Layout is built on Flexbox and CSS Grid. I will show you! And once you see the logic behind them, it clicks.
When Auto Layout aligns with Code — and When It Doesn’t
Figma is inspired by code but Figma is not the browser, so you need to know when to document and when to talk to dev.
Why this topic matters
Auto Layout is where most Figma users get stuck.
It’s not about pushing elements until they “look right.” It’s about understanding the structure underneath.
In this session, you’ll learn the simple rules behind Auto Layout so you can stop guessing and start building layouts that actually behave.
Once this clicks, handoff gets easier and your designs stop breaking.
You'll learn from
Christine Vallaure
Founder, Moonlearning · 2× Figma Config Speaker · Awwwards Jury
