Fr/Percent units for more control over auto layout content

Add my name to the LOOOOOOOOOONG list. Can’t believe this isn’t a thing already. Should’ve been included day one.

70/30 and 60/40 splits are so common that I can’t believe we have to ask for this as a ‘feature request’. Like what??

Maybe a better solution would be to add support for native css measurement units… IDK how to accomplish this in a designer friendly way, but as a former designer turned developer turned designer again this has been a HUGE pain point for me

Pretty basic CSS scenario TBH

Agree this functionality is over and over requested by users and ignored for novelty functions.

https://forum.figma.com/t/use-percent-for-min-and-max-width/46333/60

Any updates on this?

Hey @Bennett_Frazier! I sorted out a workaround using a group instead of a frame as the parent container. I’m not entirely sure why it works, but if you wrap rectangles or frames in a group (and set the constraints properly) you can get that scaling working. Then you can set that group to fill container inside of a frame with auto-layout…

One caveat though is that it’s is a bit of a manual process to re-size the sections since groups don’t support auto layout 😕 … but they will scale proportionally once you get them set. 🤷

I’m starting to think this might be a good candidate for a plugin… 🧑‍💻

Would I plugin like this be possible? I don’t know much about the plugin api.

I haven’t looked into it too deeply, but the plugin presentations from Config this year made it seem like a fairly simple process, at least for something like this.

Amongst everyone I - and my eng team, as they keep requesting - would love to be able to use percentage widths to correspond better to how our code is written.

+1 max-min for width\height best need

+1 on that. Once again we are getting something that is not requested like “NeW fAnCy Ui” but not an feature that been requested for so long and will actually impact designers work.

Over 3.5 Years that this feature has been requested. Really hope the Figma Team is paying attention!

This would be useful for both min/max but also general width and height. Not just for page layouts but for things like progress bars, creating bar and column charts and in particular being able to create responsive stacked bar or column charts.

absolutely +1 for this percent feature

I echo everyone here. Shocked at the ‘updates’ that didn’t include this. Figma - who is managing your roadmap plan? Might reconsider their role.

yessss +1👆
When you work with css grid or just columns, this may be key

+1 👆 really really need this feature

Hiii, +1 please @Figma do it, there are more posts on the subject Fr/Percent units for more control over auto layout content

+1 here as well. This would be immensely helpful.

Adding a comment to keep this topic from closing. It would also be really cool to use percentages with fill container auto layout so components such as date input fields can use 25-25-50 percentages, so the blocks keep their ratio when designing for smaller and larger screens.

+1 on every previous comment. big ongoing frustration point.

Push.

It’s annoying that you didn’t present such an elementary function this year. Just like Margins …

Piping in to share another example of a use case here. I can achieve a somewhat desired result of the shape’s proportions adjusting based on its size, using Constraints (with both vectors within it set to Scale) — but this unfortunately means I can no longer use Autolayout… which I do want to use, since I want the component to adapt to the amount of text within it. 😕

Ideally, I’d love to just be able to set the bottom vector’s height to e.g. 10% of the parent component’s height, and let autolayout handle the rest.

+1
As a developer, I’m significantly impacted by the inability to set widths as percentages in Figma. When designers create mockups intended for development, defining the width of an element as a percentage of its parent element is a fundamental requirement. This functionality is a staple in CSS, so I’m curious as to why it isn’t available in Figma’s width or max-width settings. Can anyone shed some light on this or suggest a workaround?

+1 this would be huge! it’s very very common for us to need to specify different percentage widths for two resizable sections. it’s so difficult to do this manually without the help of auto layout.