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

    Andy_Grimm
    New Member
    April 2, 2025

    It’s kinda of incredible this hasn’t been prioritized yet. I’d be really curious what stopped it. There must be a technical reason this is difficult for them because it’s an obviously missing feature

    Michel Araújo
    New Member
    April 7, 2025

    need this feature.

    Dana14
    New Member
    April 7, 2025

    Totally needed! Especially since it’s doable in code.

    Amauris
    New Member
    April 23, 2025

    +1

    Hembrador_Randy
    New Member
    April 24, 2025

    Fingers crossed for an announcement on this at Config 🤞

    Ari_Kogan1
    New Participant
    May 7, 2025

    Absolute shame on Figma for once again neglecting this.

    wgo
    Active Member
    May 9, 2025

    Hm, sad that they again didn’t announce something like that at Config. I wonder how they expect us to do it then? Should we use Autolayout grids for that (if possible)? Should we use the cumbersome layout columns? Or am I missing something? Why are they avoiding this? If “fill” already works, then “30% of parent width” should also work…

    Don’t get me wrong, these are great products they announced put a good round of “little big updates” would have made me even happier. And I assume fraction- or percentage-values could be one of those.

    Krystian_Kubicki_Shiji
    New Participant
    May 15, 2025

    +1000

    vao433
    June 3, 2025

    +100000

    Thibaut_Desgland
    New Member
    July 10, 2025

    Please