I was about to ask the same question. Our design system has both explicit unit (px) and percentage. It seems like typography variables only support px now?
Turns out there was yet another Figma bug that caused the unit to be hidden. Both letter and line spacing are in pixels if you apply a variable.
Which is retarded since that makes the style not responsive to font size changes. Again, put variables back in beta.
I just ran up against this as well.
- In seeing what fields support variables, I added number variables assuming they’d be ingested in the style as a percentage—since that’s what is displayed by default.
- Then when I tried applying that number variable, it came in as px. Not wanted or expected.
- Okay, so I tried using percent in a string variable. That can’t be selected. The letter spacing field only appears to accept number variables.
- Then I tried setting the field manually in px, em, etc. to see what it would accept. It only seems to accept px and %.
- With this double bind between unit and variable types, I tried different numbers in px to approximate our existing % spacings. I found for example that 12% for one font style is about 1.92px. However, this is only equal at this font size, making it useless if the size is a variable.
- So if you want to use variables for letter spacing, you’ll have to use it the same way as size, with discreet values for each mode. NOT a percentage that could scale with the size.
I think this needs to be fixed, so that we can use variables for either accepted unit.
If not, then If Figma is going to create this kind of mess, they should at least document it. It’s pretty disappointing to have to discover this through trial and error.
I don’t think they fully thought through the typo variables. It looks like a rushed alpha launch. No idea who at Figma thought variables are ready to come out of beta.
Which is kind of appalling considering how long it took just to get this release.
Variables should be able to support percentages, please
I was told it was meant to be a fast follow to support units and then was told it isn’t even on the roadmap, which means typography variables are useless.
This is also an issue with corner radius. We have a difference between pill shape and circle. One is 50% and the other 9999px.
unreal
truly “near useless” typography in figma without percentage support in letter spacing, line height, etc.
To call yourself an interface design tool, but to miss the most basic functional premise of web typography, is astoundingly irresponsible to paying customers.
Leadership is busy ”growing the AOV” with junk like slides when it is so fundamentally clear they have abandoned the basic needs of their core product. Total disappointment and actively looking for alternative platforms at any turn. They had payday with aquisition, but that got scuttled, so now they are AOV and price blasting to increase for a valuation.
This product is dead unless they return to understanding that we as interface designers are at the literal forefront of design experiences, UX, everything. Your tool is blasted away by third party plugins who do your basics better, but which true enterprise teams CANNOT rely upon. Your core product needs to be undeniable and it quite simply isn’t. Stop drinking the kool aid.