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

    ElizabethR
    April 30, 2024

    Adding a vote for this feature

    Remy_Guestereguy
    New Participant
    May 3, 2024

    It’s crazy that 3 years later we’re still waiting for a key feature like this one. I would trade all the AI implemented for a quick release of this feature.

    ahmadfawaid
    New Participant
    May 10, 2024

    absolutely +1 for this percent feature

    Nikki3
    New Participant
    May 16, 2024

    Upvote for this feature!!

    vdekkernl
    Active Member
    May 16, 2024

    I agree check my post:

    Greg_Smith
    New Member
    May 20, 2024

    +1 to this feature! Per cent widths attached to columns in a column based grid has been fundamental on the web since we laid our pages out in tables, and is foundational to flexbox layouts. For example, flex-basis: 50%;

    KennLucas
    May 28, 2024

    After seven years, Figma still REFUSES to acknowledge the need for percentage widths. BASIC HTML layout, and Figma continues to ignore the most needed design element there is. They literally made auto layout but it is USELESS without proper width setting.

    Figma does everything they can to close every post requesting this. Combining multiple posts to make it look like it is not a widely requested need.

    Figma is not made up of designers. Figma does not understand UX or UI and could care less what designers need.

    It has gotten very old.

    Geoff-Colbath
    New Participant
    May 31, 2024

    This would be an invaluable addition to Figma. It’s an essential method for layout in HTML + CSS, and seems like something that Figma could handle in terms of technological feasibility. It is confounding that this request has been out on the forum in various forms for such a long time. Can we get an update on whether this is being considered by Figma’s product team and where it might be on the roadmap?

    Jack_Reeves
    New Participant
    June 5, 2024

    You think with the release of AI code assistants they’d be able to release things quicker wouldnt you? I honestly thing they have 1 peron managing the community and one sleepy dev working on the product right now

    Jack_Reeves
    New Participant
    June 5, 2024

    ha ha. should have left the comment. was funny and no one reads this board anyway.