Skip to main content
Aalok_Trivedi
Jan 29, 2021 5:45 PM UTC

Fr/Percent units for more control over auto layout content

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

    Shane_Carlson
    Dec 23, 2022 8:23 PM UTC

    Plz make it so!!

    Anton85
    Jan 16, 2023 12:37 PM UTC

    +1, go forward

    Anastasia67
    New Member
    Feb 28, 2023 3:59 AM UTC

    Please make this happen!

    Jared_Wolf2
    Mar 2, 2023 5:56 AM UTC

    this would be awesome, along with some Grids

    Weirdo
    Active Member
    Mar 2, 2023 2:42 PM UTC

    +1, must have feature.

    Anastasia67
    New Member
    Mar 23, 2023 6:44 PM UTC

    Please make this happen!! If we are building designs that should mimick real life responsiveness this should be critical feature

    Guillaume_BRACHON
    New Participant
    Mar 29, 2023 12:35 PM UTC

    Totally need this. Please make it happen 🙂

    Damir
    Apr 7, 2023 9:53 AM UTC

    +1 million. Please evolve beyond the design stone age, Figma!

    Janie_Ray
    Apr 7, 2023 4:49 PM UTC

    +1 million also—this is crucial to responsive design!

    Gavin_Cammell
    May 1, 2023 11:16 PM UTC

    It would be great to be able to layout elements by column-widths or percentages for column based designs. If I actually had the ability to divide components and elements into columns the layout-grid wouldn’t really be a necessity.

    The time it would save me would be immense.

    Even having percentages would be a really good step.

    https://forum.figma.com/t/auto-layout-with-different-column-width/22662/3