Skip to main content
Powers
January 25, 2021

LAUNCHED: Wrap elements in Auto Layout to multiple lines

  • January 25, 2021
  • 254 replies
  • 119958 views

It would be really great if there was an option in an auto layout frame where the frame would wrap the objects to the next line. Like this. Objects would respect the padding set in the Auto layout.

Loom

254 replies

Cortney_Reber
New Member
January 27, 2022

New to Figma… Was trying to wrap, but couldn’t. Searched for “how to…” Found this thread. Shocked this functionality doesn’t exist already. Yes, please make this available soon! @anon21722796

Sam_Stephenson
January 28, 2022

Adding a +1 on this! I work on a rich text editor and making realistic mockups of it is painful currently!

daniel.jones
January 31, 2022

I want to make autolayout work in more than one direction.

When I horizontally resize a frame with autolayout I want it to shuffle items to a second row.

So if I have 12 items on a horizontal autolayout, and I resize the width to half, it moves the last 6 items to a second row.

I don’t know how useful this would be to other folks, but it would be a cool way of starting to get some responsive behavior into autolayout.

Michelle11
February 2, 2022

this is the flex-wrap functionality everyone above mentioned.
I’m a developer and really want our design team to be able to use it in Figma as that’s what CSS flex-wrap does.

Bryce_Young
February 3, 2022

I want to create an auto-layout that stacks cards horizontally until it reaches the border of the container, then starts a new row underneath (vertically) and continues to stack items in that row horizontally. As you can see in the screenshot, my horizontal constraint is set to “fixed width” (have also tried fill container) and my vertical constraint to “hug contents”. When I add more cards, the container overflows. Is there a function for this that I’m missing, or a hack that people use (assuming I’m not the only one trying to do this). The only info I’ve been able to find is this forum from 2021 which doesn’t have any answers Auto-Layout -> Make a Grid.

Andy_Mangold
February 7, 2022

+1! Make this a thing already!!!

Kyle_Taylor
February 11, 2022

+1 This is really needed!

Miki_Mikucki
February 14, 2022

+1 pretty please

Michael_Lordi
March 1, 2022

Hopping on the +1 train! 🚆

raghavdesi9ns
March 1, 2022

@mods you might want to merge this below topic here