Skip to main content
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

MG17
New Participant
March 15, 2024

Would be a game changer for sure. Go for it and count me in! 😉

March 18, 2024

I’d been waiting for this to happen so it’ll be way easier to have multibrand design systems and see brand specific frames with the right brand values, INCLUDING typefaces/sizes etc.

Please hurry!

djv
Figmate
Community Support
March 18, 2024

Hey All, thank you for your patience!

Our Variables team confirmed that Typography variables are coming before Config 2024 - stay tuned!

Igor_NK
New Member
March 20, 2024

this is needed immediately. a large design system suffers because of this.
But you need to go even further and assign not only the font size but add a new type of variable - text style. this will solve a lot of problems.
where you can apply not only size, but also indentation, font, boldness, etc.

Mark_Heath
New Member
March 21, 2024

This would be a great addition!! 🙏

Elena_Riba
April 3, 2024

Any news? Do you have an ETA? We are trying to make decisions on how to set up the typography tokens for a large DS and knowing when the typography variables will be ready would help us a lot.

❤️‍🔥

Alex19
April 4, 2024

Same here, we really need an ETA. We build a DS and this feature is really missing to make some critical choices. Please let us know 🙏

ttalbot
New Member
April 4, 2024

It appears that support for typography as variables is on the horizon, according to this LinkedIn post
Event is planned for April 16 🤞

Mark_McIntyre
New Participant
April 17, 2024

Font variables are here!

But this is an incredible development.
Only this thats missing the the inclusion of line height as a percentage.
You can use a number to insert a fixed line height but cant use a percentage ( like you can for letter spacing)

Celine_
Figmate
Community Support
April 17, 2024

Hey everyone!

We are glad to let you know that we launched Typography Variables! 🥳

🆕 Variables can be bound to typography fields and saved as a style.
Now our typography drop:
→ Font family
→ Font weight and style
→ Font size
→ Line height
→ Letter spacing
→ Paragraph spacing and indent

➕ For more information, please check:
⭐ Our blog article →

Figma

⭐ Our tutorial video:

⭐ Plugin API docs: Typography Variables