Skip to main content
Powers
January 25, 2021

LAUNCHED: Wrap elements in Auto Layout to multiple lines

  • January 25, 2021
  • 254 replies
  • 119960 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

Nikos_Kosmadakis1
New Member
June 7, 2023

This is how penpot does it. When is this coming to figma?
image

Joel_Stransky
New Member
June 7, 2023

Seems like we can pretty much forget about Figma’s growth at this point.

This is corporate speak for “we bought an shelved our competition and we don’t care about their users”

“Adobe’s greatness has been rooted in our ability to create new categories and deliver cutting-edge technologies through organic innovation and inorganic acquisitions,” said Shantanu Narayen, chairman and CEO, Adobe. “The combination of Adobe and Figma is transformational and will accelerate our vision for collaborative creativity.”

Pablo_Sara
New Participant
June 9, 2023

Please we need this!

Abhishek_Kumar_Singh
June 18, 2023

I think, this is the time to launch it. come-on @figma team! Just do it!

Nico10
New Member
June 21, 2023

Making Auto layout closer to CSS Flexbox (or even adding a CSS Grid option 🫢 ) is very much needed! Would greatly improve dev. handoff too!

Jeff_Putnam
June 21, 2023

They actually did it! I just found this thread yesterday 🥹

Joel_Stransky
New Member
June 21, 2023

Well shut my mouth! They finally did it and so much more.

Chris_Kerr1
New Participant
June 21, 2023

I do have a question about the new AutoLayout wrapping I’m hoping to get some help on… reposting here given the size and popularity of this thread 🙂

Tara_Price
June 23, 2023

Really excited about this. I’m wondering if it’s possible to control the width of a frame based on how many elements are active? For example. If I have 3, 5 or 6 items, I need a column of 3. 2 or 4 items I need 2 columns. Any body have a suggestion?

Nikita_Konovalov
June 28, 2023

How about wrap-reverse? Can I do this?