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

    Alessandro_Suraci1
    New Member
    November 8, 2024

    4 years later… Figma plz.

    giphy

    Jack_Reeves
    New Participant
    November 25, 2024

    Figma doesn’t care about designers. They care about enterprise. I say we all move to penpot

    ari3
    December 4, 2024

    Would love to understand why such an important feature has been missing all these years. The fact that such a requested and essential feature has been completely ignored is really disheartening.

    OFAD
    New Member
    December 12, 2024

    A key challenge in translating designs to code and creating components that mimic properties like Flexbox is the need for better tools to work with FR units or percentages. This is crucial for delivering precise design specifications to code.

    I frequently encounter this issue and resort to creative workarounds or setting fixed values, which undermines efforts to build responsive, adaptable components without relying on multiple variants to address these limitations.

    Uri_Berry
    New Member
    December 31, 2024

    +1
    Please solve this, desperately needed

    adam_asseraf
    New Participant
    February 9, 2025

    would be super helpful, especially with Figma’s responsive option in the prototype, that would allow us to make better choices earlier on rather than having to make them during development.

    Matthew_Ryan
    Active Member
    February 19, 2025

    Yes, we very much need percentage and/or fr widths. Any kind of modern fluid web design almost requires it!

    A release that paired this with CSS grid would go a loooong way toward making it possible to actually build prototypes that reflected the design.

    Also: 4 years! 197 replies! Figma, what are you waiting for?

    pietrogregorini
    New Participant
    March 5, 2025

    I’d love to have these features so bad by years 😫

    Joram_Salisbury
    New Participant
    March 12, 2025

    This is driving me nuts.
    All we want is a grid setup like Webflow. Fr or %.
    It’s impossible to create a grid and get a frame to span multiple columns accurately and have it shrink and expand as it should. Auto layout is a punish.

    Everyday I wonder why figma can’t just use the DOM HTML model with flexbox, when the end results generally fits this model.  

    Please FIGMA!

    Drew_Cain
    New Participant
    March 13, 2025

    So people have been asking for this for over 4 years and we still can’t build something as simple as responsive columns with a 1/3 2/3 ratio. Obviously nobody at Figma really cares about responsive design the way actual designers do.

    Also, WTF don’t we have the ability to fix background images to top/bottom/left/right so they scale through viewports the way we want them to? This stuff has been simple for CSS forever, but we can’t reproduce it in Figma?

    C’mon people!