Skip to main content
OG_Can
Active Member
June 27, 2023

Use percentage for size variables

  • June 27, 2023
  • 79 replies
  • 27727 views

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.

79 replies

Gregoire_Charles
March 20, 2024

Adding my voice to this feature request, would be much more convenient when dealing with various size for parent component.

Josephine3
March 20, 2024

I also have so many use cases for this within design systems (making components responsive)

Travis_Rogers
New Member
April 8, 2024

This would be so helpful to have for developing responsive components and would also help with dev handoff. Currently to implement a component that is 60% image and 40% copy area for multiple breakpoints I have to create a different component variant per breakpoint as auto layout will only give you a 50/50 split when filling an area with 2 frames inside. Seems like an easy win in getting Figma closer to CSS and seamless dev implementation.

Mat_Wennergren
April 9, 2024

+1 here i’d love to have percentage based resizing

Marcio_Gutheil1
April 11, 2024

+1 (Million) to using percentages for width and height in auto layout children elements!!!

Laura_Keller
New Participant
April 16, 2024

Filed a similar post here: Allow for relative values in Variables, lineHeight as a percentage of fontSize

With the added support of variables for text properties, we can’t use variables because our lineHeight values are relative to the fontSize using percentages

Zander_Grinfeld
May 9, 2024

Yep +1 to this. Re-useable components would be so much more flexible if we could work i percentages rather than pixels. It’s more accurate to how we might code a site too - so more useful into transition to development.

Stazzyboo
May 11, 2024

+1 Please make this feature happen, it’s silly to have static values, this would eliminate the need to be able to set them to Fill. For example, on mobile I want to set buttons to fill but can’t in variables, setting to 100% would eliminate that other need plus add ability to variate even more

Doug_Wickham
Active Member
May 13, 2024

Line height and paragraph spacing as a percentage of the text size please

May 16, 2024

Yes, we need that please !