Skip to main content
Question

How to copy-paste a local style?

  • November 24, 2024
  • 0 replies
  • 107 views

Onkel_Tem

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?

This topic has been closed for replies.

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