Skip to main content

Auto-Layout -> Make a Grid


Pedro_Canelas

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

aolko
  • 30 replies
  • February 23, 2021

That would be a nice feature. However, i’d say there should be auto rows and columns, so they are not fixed. see: css grids


BorojiDesignInc

Having CSS Grid would be amazing 😍


Wolfgang_H

They have this in XD, and it’s great. I switched from XD to Figma, and overall, Figma is better. But I do miss that feature (and being able to move layers inside instances)


BorojiDesignInc

Here is Webflow Grid UI for inspiration:
image 3


0xtutti
  • 12 replies
  • November 8, 2021

Having grids would be amazing.


Nate_Butler

I’d really love to see this, it would help a lot with layer hygiene. It also aligns closer with the way things are actually built in code, as elements in html and flex box are able to wrap.


Viraj_Duvedi1

If there is a beta or even an alpha, I’ll be happy to join in to test!


Pixelsage
  • 2 replies
  • February 27, 2022

Yes, a grid option would be fantastic for autolayout!


Klesus
  • 237 replies
  • March 4, 2022

I would love this for the simple reason of making component sets more manageable. Adding variants after the fact is a PITA when you have to resize the border all the time. It would be soooooo convenient if the component set could expand/shrink dynamically.


Flo
  • 3 replies
  • March 28, 2022

Dear Figma-Devs, please do this! Kind regards


cryonyx
  • 1 reply
  • April 21, 2022

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


Luca9
  • 3 replies
  • 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
  • 5 replies
  • November 28, 2022

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


deletedlc
  • 46 replies
  • February 17, 2023

honestly kinda sad that XD had this since really early versions


A.J_Kandy
  • 3 replies
  • February 22, 2023

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


David_Simpson
  • New Participant
  • 14 replies
  • 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
  • 1944 replies
  • 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
  • New Participant
  • 15 replies
  • 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
  • 26 replies
  • 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.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings