Skip to main content
Mark_McIntyre
Mark_McIntyre
New Participant
April 17, 2024

Allow percentages for line height

  • April 17, 2024
  • 197 replies
  • 25150 views

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.

    197 replies

    Show previous replies
    Hiu_Chang
    Hiu_Chang
    August 1, 2024

    100000000000% needed!!

      Victor_Papaleo
      Victor_Papaleo
      New Member
      August 1, 2024

      Please, we can’t consider using typography tokens unless we can use percentages.

        Vyacheslav_Troyan
        Vyacheslav_Troyan
        August 5, 2024

        +++
        Please add percentage support 🙏

          Mark_Schafer
          Mark_Schafer
          August 6, 2024

          +1 Not possible to model design system line heights without using percentages.

            Paulina_Szuscik
            Paulina_Szuscik
            August 7, 2024

            I agree, it would be a huuuuge improvement! 🙏 🙏 🙏

              Jason_Radovan
              August 8, 2024

              +1 adding to the heap

                Alex_Wright
                Alex_Wright
                August 8, 2024

                +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
                  Will_C
                  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
                    John_Bolton
                    August 22, 2024

                    +1 … please add this 🙏

                      Kerry_Johnson_Personal
                      August 22, 2024

                      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.

                        Show more replies
                        Terms & ConditionsAccessibility statement