New Participant

Allow percentages for line height

198 replies
25771 views

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 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.

Show previous replies

djv

Community Support

Thanks for the feedback, @Slava_Bronevitskiy!

This is on our radar. I’ve moved your reply to this topic to better gauge the overall impact we’re seeing here in the community.

F

Fredrik_Annell

I was counting on using percentages for line height. All our text styles across 4 screen sizes would have needed just 4 line hight values.

Gregor_Voinov

New Member

Please add this soon 😉 it is so cumbersome to manage the line height with fixed values…

Cecile_Lotteau

New Participant

+1, needed !

MichaelF

New Participant

+1 - count me in for the need of that feature 🙂

jolantis

+1, percentages (%) for line-height and letter-spacing are a must have. Or even better, make line-height to support unitless values like 1.5 (equals 150%) as well, just like is best practice in CSS.

Rodrigo3

I was really hoping for this line-height to be a percentage. As it is implemented now with absolute numbers it makes it unusable / useless and the only element missing for typography variables. Kinda disappointed as percentage in line-height is the usual obvious implementation for developers.