Skip to main content
Jairo
Jairo
June 29, 2023

LAUNCHED - Typography Variables (Font size, Font weight and style...)

  • June 29, 2023
  • 77 replies
  • 22904 views

I would love to be able to set variables for font sizes.
That way i could define the reduction amount for the mobile versions of our designs.

Set a vaiable of 40px and a mode “mobile” with the value 32.
This would make this kind of conversions a breeze: If a text looks to big, opt for its mobile version. done.

    77 replies

    Show previous replies
    Rishik_Jha1
    Rishik_Jha1
    New Member
    November 23, 2023

    cant wait , this is going to help a lot 😀

    Wilmer_Murillo
    Wilmer_Murillo
    November 23, 2023

    Crossing fingers for Figma implementing this ASAP! This will be a game-changer in design systems, definitely.

    Jelle_de_Graaf
    Jelle_de_Graaf
    November 27, 2023

    Hopeful this will be released soon! Patiently waiting as well…

    Lea_Delazer1
    Lea_Delazer1
    November 30, 2023

    Same here, hoping for this as a christmas present… 🎁🎄

    Watson
    Watson
    November 30, 2023

    I’m having trouble getting this to work. Is there a more detailed explanation somewhere?

    Dang_Khoa_Nguy_n
    Dang_Khoa_Nguy_n
    December 7, 2023

    I hope Variables can be applied to font size, I think it is very necessary and effective to be able to switch responsive easily. I think Variables can do more than that. Thank you. Best regards!

    Neto_Ana
    December 11, 2023

    Anxiously waiting for this feature.

    Ruslan20
    December 12, 2023

    Want it. In real casy, sorry for critics, but it looks like variables for type size - more necessary than variables for shadows…

    Variables for font size and other settings - functionality for making true-responsive design.

    Variables for shadows, strokes and other - it’s just a UI upgrade, but not really wow-thing.

    Please add this feature!

      Kevin_Five
      Kevin_Five
      December 15, 2023

      Also being able to use calculations would be great fi: you set a base font size variable of let’s say 18 pixels and a scale variable of 1.3. the value of the h6 variable would then be: [baseFontSize] * [modifier], the value of h5: [h6] * [modifier] and so on

        JonnyA
        JonnyA
        January 4, 2024

        Hello @Celine_Figma! Any update on this?

        Anxiously awaiting typography variables to launch 🙏

        Show more replies
        Terms & ConditionsAccessibility statement