Skip to main content
Aalok_Trivedi
Aalok_Trivedi
January 29, 2021

Fr/Percent units for more control over auto layout content

  • January 29, 2021
  • 214 replies
  • 20235 views

Although I find the new autolayout UI extremely convoluted and overdesigned, the ‘hug/fill parent’ feature is great. However, It would be immensely helpful to have more control over how the elements fill the parent.

Currently, the only option is for the elements to fill the remaining space, but oftentimes, I need certain elements to take up a certain proportion.

Example: I need element-1 to take up 2fr (~66%) and the rest to take up 1fr (~33%). It would be a game-changer if we could use ‘fr’ units.

Framer does this beautifully and it’s vital for efficient, adaptive layout workflows:

      214 replies

      Show previous replies
      Morpain
      Morpain
      September 23, 2021

      I’m also on the +1 team on this one ✌️

        assafb
        assafb
        October 20, 2021

        totally +1

          Carlos_silva
          Carlos_silva
          New Member
          November 4, 2021

          Yes please!!

            Dana_Avesar
            Dana_Avesar
            November 17, 2021

            yes please!!

              Vincent14
              Vincent14
              November 30, 2021

              I also really need this feature! Could someone from Figma please let us know if they’re planning to implement this any time soon?

                Ariel_Odiz
                Ariel_Odiz
                New Member
                December 1, 2021

                I think you can achieve most of what you want by using the layout grid feature.
                Maybe you’ll find the video “Utilizing Constraints & Layout Grids” in Figma’s YouTube channel helpful.

                  Vincent14
                  Vincent14
                  December 2, 2021

                  That seems to do the trick, thank you @Ariel_Odiz!

                  FigmaIsBad
                  FigmaIsBad
                  May 11, 2022

                  +1, framer have more advanced place. but it is not good for design, wait, wait it more better, I will be change

                  aryanraj
                  aryanraj
                  May 26, 2022

                  Hi, I am trying to create responsive columns layout with autolayout feature. It is working with equal width but not working with a different width. I am able to set fill-container for one but not the other column. I assume, we don’t have full flexbox, with max-width or %. or am i missing something here?

                  With the new update, layout is slightly changed and i also tried using two different frames with each sizes but that gives a similar result with only one column being responsive.

                  can’t upload the screenshot, as it is restricted for new user.

                  Thank you.

                    Dylan1
                    Dylan1
                    May 26, 2022

                    Sorry I don’t have a solution for you, but I would also like this as a feature. Almost all of our site components are determined by column width, and they are almost universally unequal within a row.

                      Show more replies
                      Terms & ConditionsAccessibility statement