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

Jairo
JairoAuthor
Oct 25, 2023 7:49 AM UTC

#metoo
I was there playing with this new variables thing up until i wanted to set the font size… got me at least half an hour trying to figure out why i couldn’t put variables on the font size… it seemed so obvious and logical…

Remi_Maringer
Oct 25, 2023 12:05 PM UTC

This is the only piece that I miss to finally get a a responsive Design System easy to maintain. I hope you’ll find soon a way to implement it ❤️

Hoby-Van-Hoose
New Participant
Oct 26, 2023 12:43 AM UTC

Come on Figma, please up the priority of this feature. Our design systems are languishing in half states of variable conversion. This is literally the only reason many of our simpler components still have variants.

Yexing_Sha
New Member
Nov 3, 2023 8:39 PM UTC

Would love to see this happen! As our products are platform-native, being able to switch from SF Pro to Segoe UI with a single click would be a huge productivity boost.

Daniel_Amann
New Participant
Nov 7, 2023 2:26 PM UTC

I need this to manage different density themes in a design system.

Dim_Nacht
Nov 9, 2023 11:14 AM UTC

Please also consider the Font-Family. An Example here: I want a simple theme Switch (From one Brand to another). So I would define Corners-Radius as Numbers (per Brand), Colors, then Font Sizes AND for sure I need the Font Family to be switched via Variables. Thanks in advance, Figma-Family

Nov 14, 2023 5:02 PM UTC

RE Font sizes for Desktop, Tablet and Mobile I’m all for it!
Noticed this the other day looking for someway to set font sizes across breakpoints: Dynamic fonts in Figma. Responsive design is among the most… | by Roozbeh Monfared | Medium

Pedro_Lalli
Nov 15, 2023 1:38 PM UTC

Come on, Figma team. This is so basic. I had to stop using variables just because of this limitation.

KWI
Nov 15, 2023 5:10 PM UTC

it s a workaround, but it s ok for me 😋

Pedro_Lalli
Nov 16, 2023 9:01 AM UTC

wow, that’s a great workaround. Thanks for sharing that. But since I am using a Design System, I’d not like to break my design system font structure just to make this happens. I’d prefere to wait until the Figma team launch support for the font variables.