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

I agree with others. Such an important feature!!! For preparing responsive designs I need to be able to use variables at least for text size – or - better option - be able to use variables on switching between text styles. Please <3

Push! For responsive prototyping a must-have!

Hey Figma team!
Are there any news on when variables will support typography? I share the issue with many other designers here, in the sense that I am building a design system for a big client (soon it will be 2) and we decided to go with the Figma variables (which I LOVE btw!!!) and to not use any plugins. Our decision was based on the claim, that the necessary typography support would come towards the end of 2023. I knew, that it would be unrealistic, that this target would be hit exactly, but now it is February 24 and there still are no news. It would be helpful to get some kind of timeline so that companies and designers can plan and decide how to proceed. So in case there are ANY news or a rough timeline, I would highly appreciate it! Thanks so much in advance <3
Katharina

Hey Figma team!
Are there any news on when variables will support typography? I share the issue with many other designers here, in the sense that I am building a design system for a big client (soon it will be 2) and we decided to go with the Figma variables (which I LOVE btw!!!) and to not use any plugins. Our decision was based on the claim, that the necessary typography support would come towards the end of 2023. I knew, that it would be unrealistic, that this target would be hit exactly, but now it is February 24 and there still are no news. It would be helpful to get some kind of timeline so that companies and designers can plan and decide how to proceed. So in case there are ANY news or a rough timeline, I would highly appreciate it! Thanks so much in advance <3
Katharina

Hi Thank you all for sharing your thoughts on variable typography support. We greatly appreciate your input.

As variables continue to evolve and expand, our team is actively exploring ways to support typography variables. We understand the importance of being able to switch between different combinations of typography properties, such as font families, sizes, and spacing.

While we can’t make any guarantees or promises when to release this, rest assured, we are working on it!
For more information on upcoming features, including typography variables, please visit our “What Figma features are in beta?” page under Variables. You can find it at here

To stay updated on all the latest features and announcements in Figma, make sure to check out our Release Notes and our Blog.

Thank you once again for your valuable feedback!

Thank you so much for taking the time to reply!
I couldn’t find any hints towards a rough timeline within the sources you shared. Can you provide any information here? It is getting harder and harder to justify the decision to go with Figma variables and especially: It is getting harder to plan the next steps. I would HIGHLY appreciate any information regarding the timeline 🫶
Thanks on advance and have a wonderful day!

I would love to see this! Variables are extremely helpful and this almost completely allow us to transfer to variables so we can just export the whole variables for our developers!

Just waiting for this and gradient support 🙂

Any news about that?

yeah right I did modes for Desktop tablet and mobile, and also variable sizes for dense Normal and XL and I do miss control over fonts

Please i’m like crippled without this one

This is a basic need for any design system. Responsiveness is hell without it.

Please add!! 🔥 🔥 🔥 🔥 🔥 🔥

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

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!

Hey All, thank you for your patience!

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

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.

This would be a great addition!! 🙏

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.

❤️‍🔥

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 🙏

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

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)

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 →

⭐ Our tutorial video:

⭐ Plugin API docs: Typography Variables

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.

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 →

⭐ Our tutorial video:

⭐ Plugin API docs: Typography Variables

Thank you all for being patient!

Very awewome! Been waiting for this and very hyped! Just started using it, thank you very much!!

Only I have 1 suggestion, I think it is in the pipeline, but was wondering if/when it would be possible to set the line-height in percentage.

Thanks again!

Really excited to incorporate these into our design system.

We are using a variable font - I haven’t found a way to apply both font weight and font width via these new variables yet - any tips?

I know I could use a string to specify a named font pre-set, but none of our weight + width combos line up with any of the packaged font styles…

So we’re reliant on specifying both weight and width via setting both values individually.

To illustrate, rather than any of the named presets above we’re using these oddball combos. Haven’t figured out how to get the variable to accept these as values.

I cannot make it work via pluguin api

I am getting an error like this

in setBoundVariable: variable of resolved type ‘FLOAT’ cannot be bound to ‘fontStyle’

when I try to call textStyle.setBoundVariable('fontStyle', fontWeightVariable) where fontWeightWariable is a number that represents font weight

Is it a bug or I am doing it wrong?