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

77 replies
22981 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.

Share an idea

Show previous replies

Celine_

Community Support

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! 😀

Michael_Hinnant

New Member

Hey Figma team - any updates on this update? This would simplify a lot of our design system component management work

S

Scott_Heappey

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 🙂

S

Scott_Heappey

@KWI yeah doesn’t work for me either. How do you connect the variable to the variant (typing doesn’t work).

Derek_Jones

I need this functionality - would love to have the ability to create ‘one’ set of mobile designs - with separate modes for ios and android.

E

eli-c

Fingers crossed for 2024 rollout 🤞t3:

dennsi

Active Member

Wait, this isn’t a thing yet? I think I’ll keep on not using variables then 🤷

Ruffzen

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.