Figma Support Forum

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.

12 Likes

It would be a game-changer if there were more flex-box options, such as ‘wrap’ for autolayout, where you had the option to let elements wrap to the next line once the max width of the parent container is reached.

This would create a more realistic flow, and significantly reduce the number of layer structures needed. Currently, to create something like a list of tags, I need to create a separate row for each list and constantly adjust, delete, edit them to get the right orientation based on the tag content/text.

4 Likes

Hey. I also requested this feature and made this illustration for it:

4 Likes

I made a layer hack to achieve this since I doubt this feature would be implemented any time soon. → Check this out
I’ll make a tutorial on how this is made if people are really interested.

15 Likes

Please share a tutorial! This is a much-needed feature.

5 Likes

Yes, I would love to see your tutorial. Very useful!

1 Like

@Mr.Biscuit can you share the way you do Flex Wrap. I believe many people need to know this. Thanks in advance

5 Likes