LAUNCHED: Add the option to set the size of texts in local variables

The new variable updates have arrived, and we can explore many things. However, including text properties may not be feasible. We have multiple projects here, each using different fonts and sizes. Additionally, we create various responsive layouts to adapt to different screens and devices.

He goes a example of how we adapt the font styles in the projects:

How am I supposed to use size variables, line breaks, and other updates if I can’t adapt my texts together? How am I supposed to create general tokens for a project if I can’t update the fonts according to the chosen theme? How can I scale my project automatically if I have to manually handle each font?

And it doesn’t end there; the new text variables are not editable like the previous updates. Instead of being helpful, they become hindrances. For instance, if I want to create content in different languages, I have to manually create them one by one.

I am urging the Figma community and its developers to consider this possibility, as it would be of great use and assistance in optimizing responsive projects and accommodating different types of branding for the same company.

28 Likes

Yeah, this thing is one of most desireable to get ASAP, because tokens & variables system is great but I can’t use its’ complete potential without ability to control font size as variables. Current text style thing has no inherit abilities and way more complex than a single value!

19 Likes

Searched for this forum to open this thread.

I love the new variables, they work great for margin and padding, and with the modes I can quickly adapt my components to the screen size.

But to make this truly powerful and useble I need to be able to use a number variable for text size and/or line height.

It would help or workflow a lot and it would help to clean up our text style collection.

:+1:

6 Likes

Huge for us as well. We do lots of responsive websites, and to be able to just define the frame as a desktop, tablet or mobile theme and have it inherit the right sizes would be fantastic.

4 Likes

Font Size Variables would help everyone in the community. @figma should consider adding them soon.

4 Likes

I Love the solution Jairo proposed here: Variables on font sizes - #3 by Jairo

I believe in one of the config talks they said variables were coming to more elements, presumably font attributes.

2 Likes

Yep, that is one of the next things to be released. I am surprised they didn’t release it with the initial beta release. Seems pretty crucial.

1 Like

This is what I was hoping the ‘Number’ variable was to be used for: font size (especially in REM)! But unfortunately it doesn’t work, so I’m left to create “Text Styles” instead. Not ideal. Really want to be able to change font size/line height and other text values as variables, since text is the most used element on screen. Hopefully once it gets out of Beta it will have that option

2 Likes

any progress?

1 Like

Looking for this feature too! As we’re making design tokens for typography, and would like to be able to apply the Number variables to Type properties like font-size, font-weight, line-spacing, line-height

4 Likes

It was in their announcement -

7 Likes

This would be huge! Variables have been a game changer, but agree that its max potential cannot be met until font sizing is made available. Looking forward to the release!

1 Like

PLUS on this from me as well!

1 Like

Add me to the pile that needs this. Any idea when it might be coming? Variable all the things!

2 Likes

+1 here as well ! Would be a huge simplification of a responsive design process.

2 Likes

This needs to happen asap

2 Likes

+1 on needing this feature!

1 Like

+1 on needing this feature! Looking forward to it

2 Likes

It is very frustration when you publish new updates without most important ones, like dynamic font sizes…

4 Likes