Skip to main content
vdekkernl
Active Member
December 9, 2022

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

  • December 9, 2022
  • 102 replies
  • 9488 views

This makes it easier to use components in designs for different screen sizes. And then you don’t have to calculate every time what 40% or 60% of the width is.

This also makes it easier to design scalable applications that grow with the width of the screen.

102 replies

ScottDaniels
Active Member
November 18, 2024

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
Active Member
November 18, 2024

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

Matthew_Ryan
Active Member
November 21, 2024

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.

Andrew_Kuhar1
New Member
November 27, 2024

I can’t express how badly we need this, please. A simple toggle switcher near basic numeric fields like height/width from px (fixed) to % (variable) would open up so much for data visualization in Figma.

Mueller_Bernhard_SCW_FIXY3
New Member
November 28, 2024

I’m a little bit disappointed that this is still not possibe in Figma. Developers can do it easily and I’m not able to mock it 😦 Vote for this feature!

Elliott_UX
New Participant
December 19, 2024

If we are trying to align designers and developers, this is crucial. This is the sort of thing that leads to design drift and misinterpretation of designs.

Jan Niklas Hellenbrandt
New Member
January 17, 2025

Dear Figma,
I would love to use this feature.
My colleagues would love to use this feature.
Our Figma-community would love to use this feature.
Your future clients would love to use this feature.
It’s CSS basic. Please!
Thank you

Kait_O_Malley
New Member
January 17, 2025

This would be a gamechanger when creating reusable components for my design team partners. We on the UX team create a structure similar to what they would find in their CMS platform to both set rules but give the creative team freedom and tools to get creative before trial and error on the platform itself to prevent rework. 

Kait
Jan Niklas Hellenbrandt
New Member
January 17, 2025

Oh – of course!
My developer-colleagues would love this feature, too!

thanks :) bye.

Sergio666
New Member
January 22, 2025

+1 right here :) it would be really a nice feature, I was trying to solve it just now :D