A guide to Auto Layout in Figma

It's one of Figma's most powerful features but do you know when to use it and how it works?

I gave a presentation to the product, design and engineering team at Purplebricks about Using Auto Layout in Figma. This was part of a series of regular talks to encourage sharing of knowledge amongst colleagues.

It was aimed at both designer and front-end engineers and covered topics including:

  • The basics of how to use Auto Layout

  • How Figma works under the hood

  • The similarities between Auto Layout and CSS layout techniques like Flexbox

  • Benefits, tricks and tips about using Auto Layout