Skip to main content

Allow percentages for line height


Show first post

Adam_Parker

Chiming in that this would be extremely valuable to my team.


Dejan_Eric

Come on guys. This is a basic but needed feature!


mikebusby

This is very much needed and an oversight by Figma, please introduce relative units for line height! thanks.


schoon
  • November 5, 2024

+1! Needed here as well!


Daria_Perreault1
  • 1 - this is needed!

Hanna_Preston1

+1 Really need this feature!


GorgonzolaChef

+1 We need percentage line height plz


Eu-Gene_Teo1

As devs, we always use relative units (eg: 150%, 1.5, or 1.5em) for line-height. It’s funny that till today, such a basic web typography property isn’t supported in Figma. Please get this in ASAP.


Roy_Slagter1

Upvoted! This would be really helpful as we use a percentage such as 125% for heading and 150% for body copy.


Keanou
  • November 20, 2024

+1 Much needed for design system consistency between teams !


KennLucas
  • Active Member
  • November 21, 2024

Yeah, at that point you are hurting yourself.

Just use a percentage value in the style and save the headache. Too much chance for error and waste of time maintaining tons of excess variables.

Until that works properly and supports percentage in the variable, my team has better things to do.


KennLucas
  • Active Member
  • November 21, 2024

That is the same thing as just typing in a text value.

Sure, IF there was some way that the variable would apply your equation to the actual style setting field, then yes.

But here all you are doing is typing in a math problem.

You still have the same issue…you have a fixed value to update in each and every line height variable if you ever change the font size variable.

It would be fine IF the equation could be advanced enough to use the font size variable in the math probelm so it did not have to be manually manipulated in every lineheight variable.


Alex_Nelson

Definitely need this.


Herb
  • December 18, 2024

Needed now now now now now


Currently working on a design system. It’s sad that this is not implemented yet. Makes me wonder how to contain line height in a variable that makes sense for our code department as well.


mrthink
  • New Member
  • January 24, 2025

Year 2025, it’s not implemented yet.


Hannu
  • New Member
  • January 28, 2025

Jumping on the bandwagon: we DEFINITELY need % -based line-height variables. This is like the n:o 1 use case I would have for these.


Sam_Baldwin1

+1!


PeterV
  • New Member
  • February 4, 2025

Very much needed. We have to work around this, which is quite frustrating.


Shiv
  • New Member
  • February 6, 2025
Mark_McIntyre wrote:

 

Interestingly …You can use a variable for letter-spacing ( which accepts a number variable - but reads it as a percentage)

Just wanted to jump in here and say that this, at least at the time of writing, this statement is inaccurate. The default behavior for letter spacing defaults to px and not percentage. If you detach the variable in the type panel, you’ll see the unit default to px instead of %.

Detaching -2 shows unit default to px

 


Dominik_Markusic_Gross1

Hi there! Just hit a wall on this same issue and wanted to add my +1 to it!

My expectation from the line-height field in Figma was for it to accept (at least some of the) values as in the CSS spec of the line-height property:

  • 1.25 = If defined with just a number, interpret it as multiplier of font size, which would allow us to declare it in variables as number
  • 125% = If defined with a percentage symbol, interpret as a multiplier of font size
  • 20px = If defined with px, interpret as a pixel constant

Fingers crossed the team sees this issue and prioritizes it!


Michael Fehrenbach

+1, along with the rest!

 

I’m not hand-waving whatever technical hurdle this might be—but I’ll add that this seems like a real feature, solving a real problem, that real designers (real customers) want to work for their real systems on their real projects. (Unlike some… other things that seem to get the product attention, since this suggestion was raised!)

 


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