Fr/Percent units for more control over auto layout content

Sorry I don’t have a solution for you, but I would also like this as a feature. Almost all of our site components are determined by column width, and they are almost universally unequal within a row.

2 Likes

Ok, Uploading the screenshot now, wonder if we get auto width, max-width or % feature.

4 Likes

@Ariel_Odiz good hint but how to combine the advantages of auto layout and this method? I want my frames height to hug it’s content but want the width to be controlled by my grid.

4 Likes

+1

Percentages please, across all measurements.

My grid view has weird spacing issues :frowning:

5 Likes

Having percentages or proportional settings for an autolayout frame in components would be a gamechanger.

I make responsive web layouts, and with my hero component I may want the image to fill 1/3 of the width for example. Then whenever I place this hero component inside an artboard (sorry ‘frame’ :wink: ) simulating a page across all the breakpoints I design for, I would be able to have one component, with no detaching, that automatically fills the width and makes the image fill 1/3 of whatever width artboard it sits inside.

Another solution would be enabling the fixed width value of a component to be changed on each instance. So the same hero component example again, I set say the left side 2/3’s to set to fill, the image 1/3 set to fixed on the main component. Then I would be able to manually adjust the fixed width of the image by clicking on the image container and updating the fixed width value in the instance to match my grid without any detaching.

7 Likes

I could also use this feature.

I’m trying to create a responsive layout with a left and right section of content.

I want the content on the left of the screen to always fill 80% of the screen, and I want the right content to fill the remaining 20% (which should happen automatically as there is only 20% remaining to fill)

This has existed in CSS for a long time. I imagine Figma should have this at the top of their priority list as it is used in a very common layout style.

5 Likes

Just a quick bump on this. It would be SO helpful! Like, genuinely beyond helpful.

From page layout, to progress bars, to slider controls—all of it would benefit huge from % width, height, position in auto-layout. Also, it be such a time saver in the CSS panel. Our engineers have commented often that all of our design work in static pixel values creates more legwork for them.

4 Likes

+1, please!

3 Likes

Please add this, it would be game changing for auto layout! Would use this everyday building responsive page layouts and components.

1 Like

Joining the want train!

It’s a valid design handover requirement to set something at a percentage of width/height, so it should be possible to do in Figma.

3 Likes

Yes plz! This is what i need!

4 Likes

Plz make it so!!

4 Likes

+1, go forward

5 Likes

Please make this happen!

4 Likes

this would be awesome, along with some Grids

3 Likes

+1, must have feature.

3 Likes

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

3 Likes

Totally need this. Please make it happen :slight_smile:

4 Likes

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

4 Likes

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

4 Likes