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

    Brandon_Langer
    January 2, 2024

    Jumping in to ask for this feature.

    Raphael_M
    Power Member
    January 4, 2024

    +1 for this feature

    Sascha_Rinaldi
    New Member
    January 4, 2024

    The absence of this feature significantly diminishes the overall Figma user experience.

    Daniel_Bihari
    January 5, 2024

    +1
    It would be really helpful when designing tables.

    Mattia1
    New Member
    January 8, 2024

    +1 for this, useful to create true responsive layout and when designing tables

    Davide9
    New Member
    January 10, 2024

    +1 this would be extremely helpful to make layout 1:1 with code!

    January 19, 2024

    This feature would make the pipeline for dynamic UI for games much better!

    Lea.P
    New Participant
    January 22, 2024

    +1
    👏 very interested in this feature!

    Sascha_Rinaldi
    New Member
    January 23, 2024

    I propose the incorporation of percentage values for general, maximum, and minimum width and height. This addition would offer greater flexibility and precision in design, empowering users to create more responsive and dynamic layouts.

    andrew_zimmerman
    January 24, 2024

    +1 for percentage-based widths. At the moment it is nearly impossible to calculate widths when the parent container has a min or max-width applied.