Here is a thing about Figma, that is just blowing my mind. Maybe I miss something, idk, but I haven’t found a solution.
Imagine there’s a button (from Material Design 3 Kit) that has its “Fill” set precisely to:
"material-theme/state-layers/light/onSurfaceVariant/opacity-0.08"
for the “Hovered” variant:
However, you cannot copy it. You cannot even copy its name. If you click it, you get Styles Library open. Ctrl-C
doesn’t work as well.
Now how can one reuse this style somewhere else? Say you need to apply the same style in a custom component.
The only way I found so far is to use Styles Library:
but there are a few hundreds of styles! It’s insane trying to find a particular style like that. I’m sharing a screencast of how it works in real life:
Is there a solution to this? How/when do you plan to address this problem? Can you make the Style Browser more usable?