Skip to main content
Aalok_Trivedi
January 29, 2021

Fr/Percent units for more control over auto layout content

  • January 29, 2021
  • 214 replies
  • 20236 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

    Oleh_Shydlovskyi
    New Participant
    July 31, 2024

    +1 on that. Once again we are getting something that is not requested like “NeW fAnCy Ui” but not an feature that been requested for so long and will actually impact designers work.

    July 31, 2024

    Over 3.5 Years that this feature has been requested. Really hope the Figma Team is paying attention!

    Lars_Farstad
    New Member
    August 1, 2024

    This would be useful for both min/max but also general width and height. Not just for page layouts but for things like progress bars, creating bar and column charts and in particular being able to create responsive stacked bar or column charts.

    Juan_Guzman
    New Participant
    August 4, 2024

    absolutely +1 for this percent feature

    Jayse_Hansen
    New Participant
    August 4, 2024

    I echo everyone here. Shocked at the ‘updates’ that didn’t include this. Figma - who is managing your roadmap plan? Might reconsider their role.

    Jorge_Montero_GFT
    New Member
    August 6, 2024

    yessss +1👆
    When you work with css grid or just columns, this may be key

    myownstuff
    August 6, 2024

    +1 👆 really really need this feature

    Lea_Rosental
    New Member
    August 6, 2024

    Hiii, +1 please @Figma do it, there are more posts on the subject Fr/Percent units for more control over auto layout content

    Rob_Gale
    New Member
    August 9, 2024

    +1 here as well. This would be immensely helpful.

    Bonita
    New Member
    August 12, 2024

    Adding a comment to keep this topic from closing. It would also be really cool to use percentages with fill container auto layout so components such as date input fields can use 25-25-50 percentages, so the blocks keep their ratio when designing for smaller and larger screens.