Skip to main content

Fr/Percent units for more control over auto layout content

  • January 29, 2021
  • 212 replies
  • 19209 views

Show first post

212 replies

Ben_Simpson
  • New Member
  • 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
  • December 16, 2022

Yes plz! This is what i need!


Shane_Carlson

Plz make it so!!


Anton85
  • January 16, 2023

+1, go forward


Anastasia67
  • New Member
  • February 28, 2023

Please make this happen!


Jared_Wolf2

this would be awesome, along with some Grids


Weirdo
  • Active Member
  • March 2, 2023

+1, must have feature.


Anastasia67
  • New Member
  • March 23, 2023

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
  • April 7, 2023

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


Janie_Ray
  • April 7, 2023

+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
  • 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
  • June 2, 2023

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
  • Active Member
  • 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
  • June 27, 2023

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


XavierV
  • Active Member
  • 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
  • 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 😍