Skip to main content

Fr/Percent units for more control over auto layout content


Show first post

205 replies

Ben_Simpson
  • New Member
  • 3 replies
  • November 16, 2022

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.


John_Cummin

+1, please!


Laura_Munro

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


woodywoodsta

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.


Marijn
  • New Member
  • 11 replies
  • December 16, 2022

Yes plz! This is what i need!


Shane_Carlson

Plz make it so!!


Anton85
  • 2 replies
  • January 16, 2023

+1, go forward


Anastasia67

Please make this happen!


Jared_Wolf2

this would be awesome, along with some Grids


Weirdo
  • Active Member
  • 24 replies
  • March 2, 2023

+1, must have feature.


Anastasia67

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


Guillaume_BRACHON

Totally need this. Please make it happen 🙂


Damir
  • 25 replies
  • April 7, 2023

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


Janie_Ray

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


Gavin_Cammell

It would be great to be able to layout elements by column-widths or percentages for column based designs. If I actually had the ability to divide components and elements into columns the layout-grid wouldn’t really be a necessity.

The time it would save me would be immense.

Even having percentages would be a really good step.

https://forum.figma.com/t/auto-layout-with-different-column-width/22662/3


Miguel3
  • 1 reply
  • May 11, 2023

P L E A S E !! we need this so bad


Dustin_Miller1

This would be great! It would also be great if it worked similar to how you would code columns with flexbox.


ohbox0408

yeb PLEASE! It would be loads of benefits to have %width features as well as max/min width and height settings, like the things framer have already had!

To be honest, I don’t even know why it still doesn’t include % features since Figma has ‘fill’ setting to do the 100%, also for the thing set to be position absolute having constraints feature which can do the “scale” setting and it is basically the % approach.


Ignazio_Lacitignola

Please please please Figma implements this!!!

A work around I found myself to handle that in components is to create fixed with empty columns… but its such a mess to maintain


Chukwuebuka

Guys after looking for a solution for so long I found this Figma plugin that solves this problem and more!

Figma

Kindly like and support the developer too! ❤️‍🔥😜


XavierV
  • 26 replies
  • June 27, 2023

So now we have min and max which is very nice. It could be pretty nice to be able to user percent instead of px now 🙂 .


JackieChui
Figmate
  • Figmate
  • 28 replies
  • June 27, 2023

Can you give me some example use cases when you would want to have min/max in percentages?


XavierV
  • 26 replies
  • June 28, 2023

Hello Jacky,
Of course, the reason is simple: I would be interested to manage my different container and sub-container on a page using relative size to manage different list on the page.
This way it would be also possible to use a combo of “Fill” and a “relative size” with a min/max behavior.


dennsi
  • Active Member
  • 256 replies
  • June 28, 2023

Percentage values for (general / max / min) width and height would be awesome.


Mathieu_Minier

I’m also waiting for this feature, it’s much easier to manage the width of the columns with percentage values ​​rather than pixels and it allows you to give the size you want to each column in an auto-layout. (Like a 60/20/20, 70/30, and more…)

For example. in a table component when you need both responsiveness and to set an average size for a column, very useful combine to min-width 😍


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings