👯

▯▯ Auto-Layout

Auto-layout is the second most important feature you need to master while using Figma.

It lets you create dynamic frames that respond to their content.

With responsive components, you can create buttons and cards that automatically resize as their text changes, or menus and lists that can be quickly reordered.

And, by combining these responsive components, you can create full screens that work across multiple device types.

A simple list created with auto-layouts
A simple list created with auto-layouts

It is a pre-requisite if

  • You want to design for responsiveness
  • You want to save time moving things around
  • You want to be pixel-perfect by design

Now that you know how important it is, the best advise I can give you is to take the next 30 minutes to play with the Figma's official playground file.

Next up

🍣
Variants