Skip to main content
Mark_McIntyre
New Participant
April 17, 2024

Allow percentages for line height

  • April 17, 2024
  • 197 replies
  • 25151 views

Firstly great job Figma Font variables are here!!!

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 are a percentage of the font size (100%, 120%,150%).

Interestingly …You can use a variable for letter-spacing ( which accepts a number variable - but reads it as a percentage) - the challenge remains that line heights by default are absolute not percentages - even though you can input a percentage.

Percentages allow greater flexibility and less calculations

Word around would be to allow formula in a variable
e.g. =[variable] * 1.5

Or figuring out a way for the line height to be toggle between absolute or relative application of the number variable.

197 replies

Adam_Parker
New Member
October 31, 2024

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

Dejan_Eric
October 31, 2024

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

mikebusby
November 1, 2024

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

schoon
New Member
November 5, 2024

+1! Needed here as well!

Daria_Perreault1
New Member
November 11, 2024
  • 1 - this is needed!
Hanna_Preston1
November 12, 2024

+1 Really need this feature!

GorgonzolaChef
November 12, 2024

+1 We need percentage line height plz

Eu-Gene_Teo1
November 19, 2024

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
November 20, 2024

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 !