Skip to main content

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

 

 

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

 

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

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


Terms & ConditionsCookie settings