Skip to main content
Powers
January 25, 2021

LAUNCHED: Wrap elements in Auto Layout to multiple lines

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

Aalok_Trivedi
January 27, 2021

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.

Jozsef_Schaffer_JAYWAY
January 30, 2021

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

twitter.com
Mr.Biscuit
New Participant
February 2, 2021

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.

Stefania
February 3, 2021

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

Rebecca
February 10, 2021

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

Andre_Pinto
New Member
February 18, 2021

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

Design_Aviyel
March 15, 2021

Please share a tutorial video on this particular hack… 🙂

Powers
PowersAuthor
March 16, 2021

This is a challenge. He didn’t actually do it.

chudoloo
New Participant
March 16, 2021

He and @andre have a working solution, but they haven’t been shared yet because the challenge is still going. 🧠 🌪️

Mr.Biscuit
New Participant
April 2, 2021

@Powers @Andre_Pinto @Design_Aviyel @Rebecca @Stefania
Here is the original file to my Flex Wrap Challenge (as shown this video)

I have tried for the last two weeks to make a tutorial for it but two of the crucial mechanisms just refuse to be reproduced (only works on direct copy) 🤣 so yeah, that’s how hard that challenge was.

I guess I did cast some magic spell on it the first time it’s made.