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

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.

@ksn our hero! 😀

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

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.

Hello @dvaliao unfortunately the issue still exists and not yet solved.

Same issue here? Any update @dvaliao 🥲

Hi ​@dvaliao are you sure this is fixed? I use Poppins font from google, setting a numeric weight in my variable but still didn’t see it if i inspect the element with dev mode.

Can you help me?

Hi ​@Andrea_Monfrini, thanks for following up! 

No fix was implemented; this is currently the expected behavior. As mentioned above, string variables (variables applied to the text content of any text layer) will not be displayed as a variable in inspect mode. String representations don’t have CSS equivalent values in code.

​@dvaliao This just isn’t true. In CSS can you define a font-weight as a string that represents the weight name defined in the font. You aren’t restricted to using 100-900. But also, when in dev mode, why wouldn’t we want return the variable name also?

Devs need to know what token to use, otherwise they may hard-code the value which may not be the same between modes. How do we request this be fixed?

Sorry for the confusion, ​@Sean_Cooley! 

To clarify, the team built this to only show bound numerical font weights in Dev mode, because many of the string representations don't have CSS equivalent values in code, not that they cannot necessarily be defined in CSS. 

The team is already monitoring this topic for community sentiment and future improvement, but this isn’t on their immediate timeline.