Skip to main content
Powers
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

    Show previous replies
    tank666
    tank666
    May 22, 2023

    Hi all!
    If you want to try an early version of the wrapping feature, you can duplicate my file at this link:

    Figma
    UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
      Mihai_Marcu
      Mihai_Marcu
      New Participant
      May 23, 2023

      If you have early access can you tell if we will get also min and max width and height? 🙃

      tank666
      tank666
      May 23, 2023

      You can get an answer to your question in this thread: Min and Max Width for Auto Layout.

      UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
      Mihai_Marcu
      Mihai_Marcu
      New Participant
      May 23, 2023

      Are you referring to this comment Min and Max Width for Auto Layout - #78 by AlicePackard or to the “0 height frame hack”?

      AlicePackard
      AlicePackard
      Power Member
      May 24, 2023

      @tank666, I’m getting a 404 with the community file link you shared! Would love to get in there and explore 🙏

      I write about building excellent Figma components on my blog: https://alicepackarddesign.com/blog
        tank666
        tank666
        May 24, 2023

        Unfortunately, the Figma team has removed the file from the community. So please wait for the official release of this feature.

        UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
        AlicePackard
        AlicePackard
        Power Member
        May 24, 2023

        ah darn, well I appreciate you trying to make it available! excited for this to officially launch.

        I write about building excellent Figma components on my blog: https://alicepackarddesign.com/blog
        Lokesh_Naicker
        Lokesh_Naicker
        New Member
        May 30, 2023

        I am daydreaming - Figma as a new auto layout upgrade. This lets you create a matrix ie auto layout responsive. Now I can build design with smart auto layout based on the content, no more nested auto layouts.

        image

        image

        image

        image

        Yeah, I am dreaming but it’s worth thought.

          Stephane_Popout
          Stephane_Popout
          May 30, 2023

          I think you’re looking for a flex wrap or display: grid in css
          It’s similar to this idea
          Looks like Figma is working on it and might be released (soon we hope 🙂 )

            Celine_
            Figmate
            Celine_
            Community Support
            May 31, 2023

            Hi all,
            Thank you for noticing it @Stephane_Popout ! I merged the topic so we can gather the overall interest in the same place. 🙂

              Show more replies
              Terms & ConditionsAccessibility statement