Use percentages for heights, widths, margins, gutters in auto layout

[Matty_Vazquez]

I need this! Also seems to be related to these threads about %:

Use percentage for size variables

Hello. I was wondering if it is possible to have percentage values in variables, like setting percentage value for frame widths or shape sizes (etc.) that have variable modes applied to them? Percentage values could respond better to content that varies within a frame or frames within frames.

Allow percentages for line height

Firstly great job Figma Font variables are here!!! [Figma tutorial: Variables for typography] The only thing missing is the use of percentages in the line-height property. You can not use a percentage in the line-height as it only accepts variables that are a number type. Although the variables for line-height caters for pixel (absolute) line-heights (10,12,14)- it does not accommodate relative line heights. In other words you can’t use percentage variables for line heights that …

[Vermeulen_Peter]

Yes, this would be helpful. Would be even better if this aligns to the layout grid. You can set a layout grid within Figma, but when setting up containers with auto-layout, it is not possible to align them on the grid. Except for manually, but that’s not responsive.

[ScottDaniels]

Figma, adding percentages for widths would make our design files behave like true responsive layouts across any size breakpoint. I currently have 5 breakpoints with minimum widths=90% of the available size for 1, 2 and 3 column layouts and this works adaptively with set widths, but if it was percentage based the layouts would be fluidly controlled.

MAKE THIS HAPPEN!!!

[ScottDaniels]

Look at how many requests there are for this upgrade!
LETS GO, FIGMA, ADD THIS FEATURE!

[Matthew_Ryan]

Adding my +1 for this. We’ve been using percentage based layouts for fluid web design for over two decades, let’s get this basic functionality into Figma.

And no, grids are not the same thing.