Skip to main content
Jairo
Jairo
Jun 29, 2023 1:55 PM UTC

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

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
    Nov 23, 2023 6:11 AM UTC

    cant wait , this is going to help a lot 😀

    Wilmer_Murillo
    Wilmer_Murillo
    Nov 23, 2023 5:50 PM UTC

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

    Jelle_de_Graaf
    Jelle_de_Graaf
    Nov 27, 2023 5:46 PM UTC

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

    Lea_Delazer1
    Lea_Delazer1
    Nov 30, 2023 5:17 PM UTC

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

    Watson
    Watson
    Nov 30, 2023 5:54 PM UTC

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

    Dang_Khoa_Nguy_n
    Dang_Khoa_Nguy_n
    Dec 7, 2023 10:14 AM UTC

    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
    Dec 11, 2023 9:13 AM UTC

    Anxiously waiting for this feature.

    Ruslan20
    Dec 12, 2023 3:09 PM UTC

    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
      Dec 15, 2023 1:06 PM UTC

      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
        Jan 4, 2024 9:46 PM UTC

        Hello @Celine_Figma! Any update on this?

        Anxiously awaiting typography variables to launch 🙏

        Show more replies
        Terms & ConditionsAccessibility statement