Skip to main content
Henrik_Hedegaard
April 17, 2024
Solved

Typography variables - weight is not displayed as variable in inspect mode

  • April 17, 2024
  • 30 replies
  • 1820 views

I’ve just applied variables to all our project’s text styles.
It all works as expected.

However, in inspect mode, font weight it still displayed as normal css value and not with css-variable.

See screenshots.

Is this a bug or me messing up things?



Best answer by djv

Hey All, sorry for the trouble!

I reached out to our engineering team for further insight, and they confirmed that this is expected behavior when using String variables for font weight and size.

We will display Number variable bindings in Dev Mode for these values, but not String variables, as often many of the string representations don’t have CSS equivalent values in code.

30 replies

Johan_Holmberg
New Member
April 23, 2024

Im having the same issue. Have you found any solution to this or is it a bug i Figma?

April 23, 2024

Same issue here, font weight is displayed as normal css in dev mode. Anyone found a solution?

ksn
Figmate
Community Support
April 23, 2024

Hey all - I actually poked our engineering team about this, and they’ve actually filed a ticket on our end to have the weight display reviewed. I don’t have exact details just yet, but I’ll update when I know more.

Johan_Holmberg
New Member
April 23, 2024

@ksn our hero! 😀

Henrik_Hedegaard
April 24, 2024

@ksn How do I report related bug?

I have a situation where I’ve applied a color-variable to a text.
But in inspect mode it shows a completely different variable.

This is a MAJOR bug as it will cause UI tests to fail.
…and how can we trust inspect mode?


ksn
Figmate
Community Support
April 25, 2024

Would recommend filling out this form here. This will need to be reviewed by our tech quality team – this is outside of my area of expertise at this time.

Once you file a ticket, feel free to drop the case number you are assigned and I’ll escalate it on the support side to see if they can review faster.

David_Simpson
New Participant
April 26, 2024

def seems like a bug, I’m seeing the same. I’ve used numerical variables for font weight, the same as Henrik, and the value is displayed in inspect rather than the name or defined code syntax.

ksn
Figmate
Community Support
May 1, 2024

hey all - wanted to give an update:

I have a bug ticket filed for this, and it is currently in the review process. I don’t currently have a timeline on the next steps, but I will do my best to get periodic updates posted.

David_Simpson
New Participant
May 8, 2024

I’m seeing this as fixed now. My font weights are displayed in dev mode using the code syntax values entered in the variable settings, not the variables value. Thanks for the speedy fix Figma!

Henrik_Hedegaard
May 8, 2024

Yes, seems to be fixed.