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

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?



5 Likes

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

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

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.

1 Like

@ksn our hero! :smile:

@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?


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.

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.

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.

1 Like

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!

Yes, seems to be fixed.

Hey @David_Simpson & @Henrik_Hedegaard, thanks for letting us know!

Our team confirmed that a fix has been pushed. Please let us know if you run into any further issues.

Hi,

I can see it is fixed to Number variable not string variable for font weight, but unfortunately the font that I am using have the weight as Medium, Regular etc rather than number value, and the variable name or code syntax is not shown.

Is this the same bug or string value is not support for font weight variable right now

Okay, noticed that font weight is recognising number as well (interchangeable in variables), but wonder if string is not support for font weight then? (can read as variable but not showing the proper name in dev mode)

Thanks for following up, @becky_u!

That definitely sounds odd. Please reach out to the support team directly via this form for help: https://help.figma.com/hc/en-us/requests/new

Please use your Figma account email, include a link to the file, and share it with support-share@figma.com, so they can take a closer look.

I’m having the same issue as the original poster for both font-weight and font-size.

Same issue, weight variable not displaying in dev mode

Same issue here. I’m using the Named Alias for font weights, and they cannot be correctly displayed in the dev mode. The dev mode displays the Numeric Values that inherit from the typeface.

Looks like this issue still exists. dev mode just shows the numeric values instead of the string variable for font-weights.