Fix Your Figma Auto Layout Confusion

Featured

Fix Your Figma Auto Layout Confusion

Hosted by Christine Vallaure

472 students

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

I’m Christine Vallaure, founder of moonlearning.io, a learning platform for UI design, Figma, and hands-on product building.

I’m a 2× Figma Config speaker (speaking on using Figma like the pros and on building and shipping products solo), the author of The Solo, a book about independent product building and an Awwwards jury member.

Teaching is a core part of my work and passion, especially at the intersection of design and code. I focus on helping designers understand how their decisions translate into real, working products.

I still build hands-on. Most of my work lives between design, code, and the tools that shape how ideas get shipped, always with a no-hype, craft-first approach.

You can find my full profile at christinevallaure.com.