Fr/Percent units for more control over auto layout content

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

need this feature.

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

+1

Fingers crossed for an announcement on this at Config 🤞

Absolute shame on Figma for once again neglecting this.

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.

+1000

+100000

Please

+1000000000

4 years later and nothing

+1. Percentage sizing is necessary, but web UI workflows also need mixed-unit calculations.

A percentage alone cannot express reusable layout rules such as:

calc(50% - 32px)

for one specific layer inside an Auto Layout component.

“Fill container” only distributes the remaining space among siblings. It does not let a component author define an explicit sizing rule that combines a percentage of the parent with a fixed offset.

I described the concrete responsive-web and design-system use case here:
link to my detailed comment

This is important for components that need to map predictably to CSS without extra wrapper frames, spacer layers, or breakpoint variants.

Figma does not use CSS for rendering. It’s gonna take them a long time if ever to implement some basic CSS layout features like this. Not to mention this forum is feeling kinda dead lately. Time to move on to other tools that actually use CSS out of the box.