Is there a way in Figma, or a plugin, to give me a way to see or find out where a variable is being used in a component library. For example, how can I find out where “background.primary” is being used?
Also, with that being said, is the a plugin that will give me all the variables for a single component?
Thanks!!
Seems like that does not exist today, not in the same way we can view/inspect regular styles.
I found this plugin that lists the variables based on a selection, not sure if this helps, but was the closest that I got.
Seeing variable usage across an entire file would be extremely useful.
In my case the design architecture of our DS was done by someone that has moved on and now I manage it; I didn’t set the properties and don’t know the intent or ramifications if I make modifications.
We have a variable for bg-error-primary that is Colors/Error/50 for light mode and Colors/Error/500 for dark mode. I don’t know everywhere this variable is used and that’s a problem in developing a new component where Colors/Error/500 doesn’t work well in dark mode.
I can solve this by creating a set of component variables, but that’s considered a hack at this company.
Seeing all the components where bg-error-primary is used would help me make an informed decision about whether I could change the dark mode property by getting scope on the impact of the change.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.