Wrap elements in Auto Layout to multiple lines

I think there would have to be two options for wrapping, one for columns and one for rows (like in css using flex-flow with column wrap and row wrap).

+1 badly needed
I have encountered twice already in just two weeks of using Figma. ≈

+1 for this feature. I hit this limitation all the time. The plugin mentioned above works well, but true flex-box functionality would be great. cheers!

+1 please we deserve this feature, none of your competitors do it either I think, it would be yet another reason to join your forces ! :pray::pray::pray::pray:

+1 need this!!!

+1 need this!

+1 need this ASAP!

+1 would be amazing to see this.

This is a must!

This AutoLayout plugin did the thing I was looking for. Plugin FTW. Make sure to turn off Figma’s “Auto Layout” feature to use this :wink:

1 Like

yes please this is very needed!

Yes, I need a feature that likes flex-wrap:wrap, or inline-block. It allows me to be more efficient when building systems out of components

please do this :cry:

I desire the feature to come to Figma. Although I can wrap elements using another way, this logic is different from CSS.

It will be the Boss of killer features

1 Like

Yes, need this feature. The Plug in works to some extent, but is very buggy, and creates it’s own auto layout with is independent to Figma’s. So to view and use auto layouts the recipient also needs the plug in. It’s also probably not a good idea to use the plug in to create wrap auto layouts for components for your design system as it is fairly unstable and hasn’t been updated for a while, so eventually it might break or not work with a Figma update which would require retrospectively fixing your auto layout components created with the plugin and re-engineering them in Figma’s auto layout tool.

Please have wrap in the native Figma auto layout tool :smile:

Very much needed for me to stop selecting and creating multiple auto layouts.

Is there a tutorial video for the AutoLayout plugin. I can’t seem to get the elements to wrap to the next row. Ive created tags that can be added to a list from the filter options. I would like the tag to move to the next row once it no longer fits.

1 Like
  1. Describe the problem your experiencing and how your idea helps solve this

When putting together prototypes to show responsiveness, it is very annoying to have to manually ‘wrap’ a row of components by creating two or more rows. I’d love for the behavior to be similar to the ‘wrap’ flexbox css property where I could select wrap or not and the list of components would wrap to a new row if their combined width is greater than the width of the parent

  1. Add as much context as possible (screenshots, Figma files, mockups, etc.)
    Current Experience (left), Desired Experience (right


    )

  2. Ask questions to bring the community into the conversation
    (e.g. Does anyone else experience this? Is anyone using a plugin or workaround to help solve this?, etc.
    Has anyone found a way to do this??

+1 plz add this feature