Skip to main content
Powers
Jan 25, 2021 3:10 PM UTC

LAUNCHED: Wrap elements in Auto Layout to multiple lines

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

Dustin_Dahlberg
Jun 10, 2022 6:07 PM UTC

I too really could use this feature.

Monica5
Jun 14, 2022 10:55 AM UTC

+1 yes please 🤓

p.o-donovan
New Participant
Jun 17, 2022 10:14 AM UTC

This can also be done in CSS with display: inline-block or float: left

p.o-donovan
New Participant
Jun 17, 2022 10:27 AM UTC

as I see it, Figma’s role is to anticipate CSS. It can also be wishful, but ultimately it should be pragmatic and let designers point developers to basic CSS features like wrapping blocks to multiple lines. Is Figma a CSS interface, and if not, why not? Couldn’t it be built as a UX oriented interface on top of something like Chrome? Surely that would make adding features such as this a breeze (not to mention the benefits of aria controls for accessibility), compared to having to reinvent the wheel every time, or am I missing something?

Thomas_Brockmann
Jun 20, 2022 12:55 PM UTC

I only spent about 2 days with Figma and ran into this missing feature.
I can only put out my vote to implement this feature as soon as possible.

Thank you

Thomas

Luca9
Jun 22, 2022 3:52 PM UTC

I do believe that Figma should match HTML 100%, the way that Webflow does, by fully supporting CSS grid + Flexbox functionality, for at least two reasons:

  1. CSS Grid/Flexbox properties have been designed with maximum layout flexibility in mind, and they’ve been a god-sent since then.
  2. This would further reduce the gap between design and front-end development.

That said, I imagine this may not be an easy challenge for the Figma enginnering team. In a Nov 2020 post, they explain that autolayout was inspired by Flexbox, but after some testing, they decided to chose a compromise between a perfect match with Flexbox, and making it easy for people to use. It’s also to note that for optimal layouts, CSSs may need custom manipulations that go beyond a simple application of CSS grid/Flexbox techniques.

Yordanka_Katzarova
Jul 8, 2022 8:36 AM UTC

+1 from Bulgaria 🙂 the wrapping feature will solve so many problems

Matthew_Carlstrom
New Member
Jul 8, 2022 11:21 PM UTC

This plugin works well in a main component. but it pretty unreliable with overall auto-layout in variants.

Matt_Sweet
Jul 12, 2022 4:32 PM UTC

+1 for this feature

Anthony_McQuaid
Jul 14, 2022 2:20 PM UTC

+1 for auto-layout content wrapping. This would be huge!