Skip to main content
Question

Figma arbitrarily renaming layer styles when inspected in dev mode?


Kinetic_Pixels

Looked throughout this forum but couldn’t find anything related to this…

I created a layer style which is a gradient fill. I named this style theme_background_gradient which is the appropriate name used throughout my company’s design system…both in design AND code.

when this style is inspected via Dev mode, Figma is renaming this style to use hyphens instead of the specified name that uses underscores, so the information in dev mode panel erroneously reads theme-background-gradient… Why??? If dev mode is supposed to streamline the handoff and development experience, why on earth would Figma take the liberty to change syntax/formatting of naming conventions.

This creates an immediate and completely unnecessary deviation between design and development, and there’s really no clear reason why Figma would force override/rename my layer styles.

2 replies

Hey @Kinetic_Pixels ! I tried replicating what you did with the layer fill, and I am not encountering the error that you mentioned. Maybe this is a problem attatched with the language you chose or a bug that Figma hasn’t taken care of.


Kinetic_Pixels

Ok now my head officially hurts haha… What’s even more odd… today, it seems to be working as expected and there’s no renaming occurring 😵‍💫 lol. This was an odd occurrence indeed, as now i can’t seem to replicate it either. In any case, at least the correct info is being communicated now to my developers 😅 so hoping they won’t run in to any more translation issues. Thanks for checking on your end and for the reply! 🙂


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings