Fr/Percent units for more control over auto layout content

This is long overdue.
Figma, are you listening?

Bringing AI and UI3 before a key feature like this to build responsive layouts is a desaster. The communication with developers is a torture without this feature.

This is the logical next step to significantly improve layout creation.
Come on Figma… please don’t make us wait until Config 2025.

I was hoping percentage widths would get announced at Config 24… but instead we got Figma AI 🤨

Please, please add this feature! Setting % width on a child div is commonly used in front-end web development and will cut down time spent translating between designing in Figma and actual dev. In short it’ll make Figma very intuitive to use for any front-end developer.

Figma does not use CSS for rendering, just their own emulation of it. Therefore every single CSS feature we want to have represented in Figma needs to be recreated from scratch. Thus why some features also don’t behave the same way as CSS despite being similar.

We need a design tool built on actual web rendering. Figma is never going to be 1:1 with what CSS is capable of, and therefore will always be holding us back or adding friction to dev handoff.

Earth to @Figma_Product… are you there? Can we please get a response, or would you rather have lots of dissatisfied users?

I suggest just directly adding CSS Grid support similar to PenPot’s approach. Using CSS Grid or a combination of CSS Grid and Flex is a better layout approach in many scenarion and should be supported in Figma.

Hi Figma,

I posted here 1 year ago, the topic had 400 votes
Now this topic have 850 votes,
could you juste tell us something… feeling lonely…

adding the possibility to edit the mesure in devmode is a good beggining, but please do the whole feature

This was a message from 🌍 🌎 🌏 designers

+1. Hopefully by Config 25.

+1 pleeease, this is so much more useful than UI3

+1，This is a very important feature improvement, hoping to resolve it quickly.

Started bringing over assets from Figma to Penpot. At this point, it’s good enough to replace Figma for client needs.

Figma used to roll out useful features quickly. Now, they’re prioritizing features based on incremental revenue opportunities or vehicle for getting internal promotion (like UI3.)

It’s not that difficult to migrate design tool, even for a midsize company.

Quick reminder: designers could actually really use this feature! ☝️🤓
Please Figma, have a heart… 😎

Why doesn’t Figma just use the same units as CSS so you know, prototypes behaved responsively. %, rem, etc. Should be standards.

We do our designs in Figma but have shifted our prototyping to Webflow so we can view and validate real world responsive designs with real CSS.

4 years later… Figma plz.

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

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.

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.

+1
Please solve this, desperately needed

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.

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?

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

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!

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!