Skip to main content

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


image


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.

Yes, needed.

I’m suprised that this isn’t a function given how long ago this was raised. Just the ability to scope text strings to the line height value so we can create % text strings would be a start.

Me too please. 

This was raised quite a long time ago, this should be implemented ASAP. 

up!

Is there any input from anyone at figma on this ​@Celine_D 

Yup need this too 😎

+1000000 absolutely needed in order to create a fully functionally multi brand design system

Extremely needed

one year later,...still no percentage. Line height variable is not usable. :(

Please!!  Implement it!!

Any movement on this? This would be reeeeeeeeeeaally useful.

I just want to add my +1 to this.
This is an urgent feature and this suggestion was made a year ago.
We currently can’t add line-height and letter-spacing to our variable collection and it’s limiting our ability to deliver designs to our devs without having to add extra instructions everywhere.

Being able to use EM and REM would be a huge and valued update.

+1 Either unitless numbers or be able to use string variables for the Line height

+1 Just setting up a new system and this feature would finish it off nicely.

Year 2025, +1

yes please! also setting up a new design system. this would be amazing.

Without this, tokenizing line height feels very broken.

+1,000 Come on FIgma! This is absolute basics for type on the web, especially given the announcement of Sites.

So for now, we have a bunch of half-implemented products that just make Figma’s portfolio look bigger — but still lack some core, basic features like this. Nice. I see where the company’s priorities lie.

Please! Implement it! We need this feature for design ssytem!

Please implement it!

Please implement it!

Please implement it!

Please implement it!

%%%%%%%

+1 Would appreciate this feature. Cheers Figma team.

I’m upvoting this. seems like a relatively easy fix for an issue having huge negative impact on design systems.

100% agree. I’m running into this issue right now for a mutli-themed enterprise system. Please fix this Figma.

+1 for me this feature. 

Reply


Terms & ConditionsCookie settings