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

Jairo
JairoAuthor
October 25, 2023

#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
October 25, 2023

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
October 26, 2023

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
November 3, 2023

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
November 7, 2023

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

Dim_Nacht
November 9, 2023

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

November 14, 2023

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
November 15, 2023

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

KWI
November 15, 2023

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

Pedro_Lalli
November 16, 2023

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.