Skip to main content
Question

Help needed with new grid system


meme_man_at_work

I have a large variety of images here that I had to make into a component set, they weren’t all layed out properly so I figured I’d quickly use the auto-layout system to fix that, but the new grid system retains the gaps that were originally between all of these and I have no idea how to fix that.

The first to items in the component are empty and are used when the master component this is added to is set to use no hat at all, the second image for each hat will be the backside of the hat which has to be layered behind the character in the master component.

As you can see from the first image there’s tons of gaps here, but I don’t know how to fix it with this new grid system.
Now the examples I’m using here are for a personal project of mine, but this is certainly going to be a problem for my work as well since I often use the auto-layout feature to quickly fix the distance between several objects as well

 

 

3 replies

Nellya
  • Power Member
  • 662 replies
  • May 19, 2025

Just don’t use a new grid, use an old horizontal auto layout with a wrap option

 


meme_man_at_work
Nellya wrote:

Just don’t use a new grid, use an old horizontal auto layout with a wrap option

 

Ah thanks man, the new grid system is most certainly useful but not in situations like these


Figma_Support
Figmate

If you set the frame to Horizontal + Wrap, and then back to grid, you’ll get what you’re looking for I think! 

  • Setting horizontal wrap will get rid of any empty spacec
  • Setting to grid will convert that layout into a grid of approximately the same size as the wrapped stack!

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