Is there a way to use % based line heights with Figma variables?

Seconded! This would be very helpful!

1000% Second! - best practice on the code side is unitless numbers. Which we translate to percent in Figma. (1.5 = 150%)

I just asked myself the exact same question. It seems that it does not work - very sad!

The native typography variable has different issues that make it another half-implemented feature.

• We can’t use variables inside line-height since we can’t use % values (only numeric variables work on that field, so no % allowed)


• Another big issue for us is that we can’t hide typography values inside other non-typography-related fields. Or, in other words, we can’t show typography variables only for text’s fields since the option is not present inside the list:
  
  

Agreed, we need percentage based line-height

+1 from me for percentages and for enabling formula.

I totally agree, using a single number is neither used in code, most of the time it translates in 1.5 for example.

Much needed.

+1 (million) from me! once i read the news i expected this to be shipped with % support

Definitely needed. Don’t particularly care about the format (eg. 1.5 vs 150%)

YES! Just working on that and I’m so confused they forgot about that…

This release is awesome, but doesn’t work as intended for line height when expressed in % (not sure about others, but along my whole career this was the only useful and the only used unit).

Is there any chance this feature will get a follow-up to make it complete?

💯 This would be really helpful!

Expansion on Why It Would Be Helpful

I’m a Product Designer working closely with developers to update our hard-coded UI using a design system.

1. 
   

   Emulating our design system’s code structure is such a boone for design-dev synergy. Using variables in Figma has brought me closer to parity with the system, improving efficiency and collaboration.

   
   


2. 
   

   Variables help me evaluate the effectiveness of our design system structure and identify areas for improvement. I enjoy using variables for the same reasons devs do — fixed values result in a lot inefficiencies when you are working with a complex UX.

   
   


3. 
   

   Using pixels makes line-height values dependent on font size result in numerous variables to maintain consistency. Using percentages would streamline this process and allow for more flexible adjustments based on context.

   
   

I have 7 font-sizes within my system. Then, I have 3 stylistic choices for line-height for each of them (tight, base, loose) that can be chosen based on what’s needed in-context. If I am using px, this would result in about 21 variables to cover my whole system. If I ever wanted to update my font-sizes: I would need to update all the applicable line-height variables. Percentages allow for me to have just 3 variables — and these variables would not need to be updated if I were to update my font-sizes.

4. The line-heights are specifically important to me because they are now the only Core Token in my design system that I can’t use my Figma variable system for 😭

Great new features but this is 100% (Badum tss) missing!

yes, please

Yes, please 🙂

Much needed in my team too 🙏

I’ll add that this would be very helpful. Percentages all the way!

Agree this would be super helpful!

If the Figma team wants to avoid adding units or percentages into the variable itself, maybe there could be a select dropdown beside the line-height field (or letter-spacing field) that lets you select from px and %.

+1 this is absolutely necessary!

So true.

Annoyingly, when using a number variable for letterspacing it changes from % to px…

Feature is there! But halfway done. Not using cause of missing % values. Please implement it! +1 here

+1 here as well. Very much needed. Frankly puzzled that this is not implemented from get go.

I would love being able to use unitless numbers as well. Then the exported variables will match the required format in code.