Hello everyone!
We’ve made grids more responsive with new ways to size and adapt columns and rows, letting your content drive your layout:
- Hug: Grids, columns, and rows automatically resize when their content does
- Fractional units: Set columns and rows to a portion of the available space to keep layouts consistent as they scale
You can also fine-tune layouts more easily:
- Columns and rows in the properties panel: View, edit, and bulk-adjust columns and rows directly in the properties panel
- Keyboard control: Move objects within the grid using your keyboard
Hit play to explore the workflow step-by-step:
Try these updates live in the grid playground and go deeper in Figma Learn: Use the grid auto layout flow.
