Skip to main content
Pedro_Canelas
February 2, 2021

Auto-Layout -> Make a Grid

  • February 2, 2021
  • 19 replies
  • 4276 views

I love the Auto-layout feature but is a pity that I need to choose between horizontal or vertical. Why not both?

My suggestion is an option inside Auto-Layout called Grid that would allow me to choose the amount of columns and rows and create a grid using a smart layout.

19 replies

cryonyx
April 21, 2022

Fully support this feature, I miss it so much when preparing the landing pages.

Luca9
June 23, 2022

Figma should mimic both CSS grids and Flexbox properties exactly the way that HTML does, at that point it’s going to be a major step forward in filling in the gap between design and development. Webflow, as someone mentioned, is a perfect example of how feasable that can be.

Josh_Loya
November 28, 2022

+1
This would simplify a lot of the hierarchical boilerplate needed to simulate this with auto-layout (flexbox)

deletedlc
February 17, 2023

honestly kinda sad that XD had this since really early versions

A.J_Kandy
February 22, 2023

Absolutely. We need equivalent behaviour to CSS Grid and Flexbox in Figma (including subgrid).

David_Simpson
New Participant
November 20, 2024

Hey, FIgma is there any word on bringing grid functionality to auto layout? Designing responsive grids should be simple, but choosing a column or row layout can misalign one or the other when cell content width and or height varies. This means manually adjusting for different width mockups.

Gayani_S
Figmate
Community Support
November 20, 2024

Hey @David_Simpson, thanks for sharing your feedback! I understand how important responsive grids are for your workflow. While I can’t share any updates just yet, I’ll make sure to pass this along to the team for consideration.

Thank you!

Matthew_Ryan
Active Member
February 19, 2025

Another +1 for responsive CSS grids.

The feature named “grid” in Figma is not at all the same thing.

Damian_Oczki
Active Member
March 17, 2025

+1, really needing this more and more with every project.

Figma needs a layout that works like CSS `display: grid`, so that we don’t have to nest flexbox containers anymore.