Skip to main content

Allow percentages for line height


Show first post

132 replies

+1 adding to the heap


Alex_Wright

+1 also throwing my name in the request hat. As others have mentioned, either a decimal or % would be highly useful.

I do also see adding in the ability to perform calculations based upon other aliased variables being helpful as well…that could actually be more useful to simply put in the calculation into the variable instead of storing explicit line height variables.

Thanks for listening, Figma team 🙂


Will_C
  • 4 replies
  • August 9, 2024

Just another requestor for calculations and percentages to be made available in Variables.

Current approach is far too manual for a sustainable system. Odd that Figma have omitted things that have been available in the Figma text style pane for years.


John_Bolton

+1 … please add this 🙏


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.


Rodrigo3
  • 11 replies
  • August 22, 2024

Still on the radar? Will it ever be released?


Rodrigo3
  • 11 replies
  • August 22, 2024

+1 please add percents on font variables


Andreas_Nordenson

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)


David.Stenbeck

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.


Michael_K
  • New Member
  • 3 replies
  • August 28, 2024

Great idea! I’m also for it!


goatdev
  • 2 replies
  • August 30, 2024

1000% we need this. No update on this since April 😦


Andre_Edqvist1

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


Christian22

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!


Matty_Vazquez
  • New Member
  • 29 replies
  • September 18, 2024

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


Marcin10
  • 1 reply
  • September 26, 2024

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 : )


Matthew_Ryan
  • New Participant
  • 15 replies
  • October 1, 2024

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.


Cassie11
  • New Participant
  • 5 replies
  • October 2, 2024

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


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.


Michal_Kucera

Needing this as well!


Matthew_Ryan
  • New Participant
  • 15 replies
  • October 16, 2024

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.


Sanny
  • New Member
  • 25 replies
  • October 18, 2024

@figma

Any news on this topic?

Our frontend developers are complaining!


  • 1 reply
  • October 23, 2024

A MUST! Please Figma 🙏


jessie1
  • Active Member
  • 20 replies
  • October 23, 2024

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


Miguel_DOMO

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


Simon_Hagleitner

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


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings