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

MG17
New Participant
Mar 15, 2024 12:37 PM UTC

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

Mar 18, 2024 10:37 AM UTC

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
Mar 18, 2024 4:21 PM UTC

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
Mar 20, 2024 2:47 PM UTC

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
Mar 21, 2024 3:49 PM UTC

This would be a great addition!! 🙏

Elena_Riba
Apr 3, 2024 12:18 PM UTC

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
Apr 4, 2024 7:11 AM UTC

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
Apr 4, 2024 9:24 AM UTC

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
Apr 17, 2024 8:35 AM UTC

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
Apr 17, 2024 9:15 AM UTC

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