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.
Ok, Uploading the screenshot now, wonder if we get auto width, max-width or % feature.
@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.
+1
Percentages please, across all measurements.
My grid view has weird spacing issues
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’ ) 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.
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.
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.
+1, please!
Please add this, it would be game changing for auto layout! Would use this everyday building responsive page layouts and components.
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.
Yes plz! This is what i need!
Plz make it so!!
+1, go forward
Please make this happen!
this would be awesome, along with some Grids
+1, must have feature.
Please make this happen!! If we are building designs that should mimick real life responsiveness this should be critical feature
Totally need this. Please make it happen
+1 million. Please evolve beyond the design stone age, Figma!
+1 million also—this is crucial to responsive design!