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.
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
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
Come on, Figma team. This is so basic. I had to stop using variables just because of this limitation.
it s a workaround, but it s ok for me 😋
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.
cant wait , this is going to help a lot 😀
Crossing fingers for Figma implementing this ASAP! This will be a game-changer in design systems, definitely.
Hopeful this will be released soon! Patiently waiting as well…
Same here, hoping for this as a christmas present… 🎁🎄
I’m having trouble getting this to work. Is there a more detailed explanation somewhere?
I hope Variables can be applied to font size, I think it is very necessary and effective to be able to switch responsive easily. I think Variables can do more than that. Thank you. Best regards!
Anxiously waiting for this feature.
Want it. In real casy, sorry for critics, but it looks like variables for type size - more necessary than variables for shadows…
Variables for font size and other settings - functionality for making true-responsive design.
Variables for shadows, strokes and other - it’s just a UI upgrade, but not really wow-thing.
Please add this feature!
Also being able to use calculations would be great fi: you set a base font size variable of let’s say 18 pixels and a scale variable of 1.3. the value of the h6 variable would then be: :baseFontSize] * *modifier], the value of h5: :h6] * *modifier] and so on
Hey Jonny, while I don’t have a guaranteed ETA I can share at the moment, be sure that our team is still working on it. Stay tuned! 😀
Hey Figma team - any updates on this update? This would simplify a lot of our design system component management work
Any updates on this? Rolling out a design system for a fortune 500 company moving from XD to Figma where 6-7 agencies or more will be accessing. It feels stupid to vocalise the use of these components without this feature. Do you have a timeline? Was hoping for Jan 01 2024 🙂
@KWI yeah doesn’t work for me either. How do you connect the variable to the variant (typing doesn’t work).
I need this functionality - would love to have the ability to create ‘one’ set of mobile designs - with separate modes for ios and android.
Fingers crossed for 2024 rollout 🤞t3:
Wait, this isn’t a thing yet? I think I’ll keep on not using variables then 🤷
Waiting for this important feature comes soon. Today the web design industry understand a lot of CSS. All about typography is basic and essential in this knowledge field. Media Queries, variables, fluid typography (min, max, clamp). I really hope the font-size box for fonts in Figma enables variables values this year.
It’s unreal that this is not here already.
In our agency, we continually postpone some of our design system refactorings due to the long-awaited absence of this feature.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
