Allow percentages for line height

To be honest, % would be great to have throughout the app in general (I was surprised we couldn’t set width/height to it), but this would be a great place to start. I’m sure all this will eventually culminate to Figma being a lite visual web editor with how programmatic/dynamic we are pushing Figma to be.

2 Likes

Still on the radar? Will it ever be released?

3 Likes

+1 please add percents on font variables

1 Like

This is such a big issue… disappointed with the lack of response from Figma and the uncertainty waiting for it to be implemented (or not)

1 Like

I heard a rumor that this feature will be added at Config '32 where their newly announced AI developer will finally start looking at the suggestion forums.

4 Likes

Great idea! I’m also for it!

1000% we need this. No update on this since April :frowning:

2 Likes

This is proper ridiculous. Stop fidgeting about in chat GPT and finish your freaking semi-done features.

4 Likes

My workaround is to duplicate the variable group of your font says and name it line-height. Then take your typescale percentage value for line height (i.e. 1.6 for perfect 4ths), and type " * 1.6" after the font value. Make sure to include space. Figma will automatically calculate the correct percentage value. Do this for each font size!

1 Like

This is needed! Also seems to be similar to these threads about %:

3 Likes

As for me it is more importnt the AI tools and other enhancements that hace been recently added to Figma. I have a Design System and the only thing that as it comes to typography that makes me mad is lacking the line hight variable OR a formula that will accept multiplying like: variable * 1.5. Figma, please add it asap or we move to Penpoint : )

4 Likes

Another +1 for this. Our existing design system, which we are porting to Figma, exclusively uses percentages for line heights. With 11 line height options and 12 font size options, using variables for line height would require 132 distinct variables to be defined, and would be a major barrier to technical integration between our CSS and Figma component libraries.

3 Likes

This is 100% needed, line-height and letter-spacing variables are essentially useless without string input allowing for percentage based values.

4 Likes

1000% needed!! Most of us are working with multiple font sizes switches or responsive resizing, the % would help out a lot rather than working out formula and creating multiple collections/library just to control font sizes.

2 Likes

Needing this as well!

3 Likes

I have been thinking about this some more and it seems like the fundamental issue is Figma’s insistence that number variables cannot have units, even though the attributes we can assign those units to may have units. It seems like a way for Figma to resolve this would be to create a new variable type called “units” or something like that, which would allow things like percentage, px, rem, etc.

Alternately, there is clearly some kind of parser that takes strings and converts them into numbers with units, which is what allows us to type in values with units into various fields in the interface. Perhaps instead Figma could allow strings in fields that take units, and the same parser would interpret the string into the value/unit.

@figma

Any news on this topic?

Our frontend developers are complaining!

4 Likes

A MUST! Please Figma :pray:

1 Like

I need this too, until then we’ll have to add it in styles but it’s much more cumbersome…

1 Like

Percentual variables for line-height please! I needed badly for creating cohesive design systems.

3 Likes