Skip to main content
Question

Swap local color styles to match external

  • January 18, 2023
  • 7 replies
  • 1143 views

Jimmy_Moutzouris

Hi, I have created a design system library with a bunch of color styles (300+ of them). I have now decided that I want to separate the colors and components so that one library has only components and the other only colors. Is there any way (or a plugin) that matches the local color styles from the original library and matches them to new library with only colors? Then I can delete the styles from the components library.

If I had to do this manually it would be too hard and way too long.

This topic has been closed for replies.

7 replies

Mikael_Cederbom

This is how I Move styles. ☺

Figma Help Center

Jimmy_Moutzouris

The thing is that all the components that had the associated style to them lose the attached style that way? As in they all go back to the hex value instead of the style.


tank666
  • 4873 replies
  • January 18, 2023

Jimmy_Moutzouris

But what if the ‘source’ and ‘consumer’ file (as per that video) are the same file. One I cut the styles from that file all components with the a color style attached revert to a hex value


tank666
  • 4873 replies
  • January 18, 2023

Sorry, but I can’t confirm this. After the styles are moved and published to the destination file, the source file references the styles in the destination file and a message appears in the file that updates are available.


Martijn_De_Jongh

For us, the main file (the color client file) still had some publishable updates (of icons) pending. Cut-paste to the new color host file did not trigger an update.

Only when the main file itself had nothing to push to updates, did the mechanism work. Also, the to be cut color first HAS to have been published from the main file before cutting it away. Bit hard to explain, but that was the case here.

A small issue was that when there is no style yet in the new library file, “Paste style” can not be done. On the canvas there is “Paste here”, but the user can’t right-click somewhere on the right-hand panel to “Paste style”. Only when any color is there, can the user right-click on that color area to let that option appear.


tank666
  • 4873 replies
  • June 8, 2023

You could use either “Paste Here” or Cmd + V shortcut.


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