Skip to main content
Question

Typography variables: Lineheight as percentage + font size as rem (or enable math with a variable)


Steffen Trier

Hi Figma and community

I’m currently in the midst of setting up our typography as variables, and one thing I’m really struggling with / frustrated by is the inability to setup lineheight as an ratio or percentage, and being able to either mathmatically do calculations with existing variables or having font size as rem.

The reasons this is / will be a longterm frustration are:

  • It makes the conversation with developers hard, either we have to calculate the rem everytime, as we designers have the pixel and the devs have the rem
    • The same conversation goes with line height btw
  • If we want to change a font-size we have to change the lineheight as well, rather than it being a dynamical product.
  • If we want change our font-sizes, lineheight etc…, for a breakpoint (or a theme we cannot do this dynamically, we have to do it manually for each style that we have.

0 replies

Be the first to reply!

Reply


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