Show Font Weight in Inspect panel

Forum|Forum|5 years ago
February 24, 2021
94 replies
26847 views

When inspecting the following component, I can click on the font to see the font weight and style in the inspect panel. When my dev clicks on the same item, he does not have all the CSS information that I have in the inspect panel, specifically he is missing font weight and font style. He does not have the ability to see the different font weights, which is unacceptable. Is there some way to fix this?

Component with my inspect panel:
Screen Shot 2021-02-24 at 10.12.33 AM

My (designer) Inspect panel:

Developer Inspect Panel:

✏️ Note from the moderator

There is a way to see the actual font weight, but it’s hidden and inconvenient: Show Font Weight in Inspect panel - #5 by Gleb

Share an idea

Show previous replies

Charles_1

Also have this extremely frustrating issue! Still no fix?

Tiago1

LOL almost a year late… and no fix yet.

This is the best bad example of “who develops, does not use”.

Probably they have no idea how is the workflow/hands up process from designers to devs and how this impact the team.

user180

No updates yet?

Victoria_Stephens

When will this be fixed Figma? This makes handoff so tiresome.

Tu_ICSD

Some fonts don’t have 400 size but in the design panel displayed 500 while inspect panel displayed 400.
Font ‘Museo Sans’ for instance.
Is it a bug? Can it be fixed?

Yoisel_Melis

Same problem here, 9 months later and no news from Figma… this is worrisome

Jonathan_Roy

New Participant

The key here is that devs don’t see the font-weight where designers do. This issue has to do with access rights, because devs typically have read-only access to the design files. Hope this rings a bell in the Figma dev team…

Please, this is a confusing bug that needs more attention.

dennsi

Active Member

+1
We also suffer from this nasty bug. Incorrect font-weight showing in CSS inspect panel.

Interestingly “font-weight: Medium” is not actually valid (see font-style - CSS: Cascading Style Sheets | MDN) but I guess since its Table view it is not displaying css 1:1 accurately. Currently this is just a mediocre workaround for our developers to see if a font uses a medium font style or a regular. Using either Regular or Medium both results in a font-weight: 400; which is incorrect for Medium (it should be 500 or 600 depending on the font-family).
Meh… this is really bothersome, please fix it Figma!