Skip to main content
Question

Library styles synchronization - Unlinked styles


Jerome_Dupraz

Hello 🙂

I’m having some issues with styles (colors & text) on the library my team is using. Maybe it’s because of the workflow we have ? I don’t know yet, and I didn’t find the solution

Our workflow:
We use a Library Master (containing a design system and assets like components and ready to use webdesign sections), as a source of truth and a sort of template for each designers. For every project (client) we duplicate this library, so we can make some changes on the duplicated library (colors, fonts, modifying a section…) without affecting the master library.

When we create a new section on a new project and want to add it to the Library master (so everyone can use it afterwards), we first have to copy the new section in a file named “Sandbox”

This file is linked to the Library Master, so we can apply its styles to the new section (which styles are still based on the duplicated library) before adding it to Library Master itself. This step is important because it allows us to maintain the Master properly without adding unwanted components or sections. Once some adjustement are made to the section and everything is set up, we add the new section to the Library Master. It’s now available for every designer in the team

At this step, everything seems to be fine and when inspecting the section, all styles are local like we wanted because we used the styles from the library Master linked to the Sandbox at the previous step

And this is where we are facing some matters when duplicating this “updated” library master again, the styles from the new section (in the duplicated library) are not local but still linked to the master.

This is a real bummer because new sections aren’t updated when I update fonts and color on my document. It’s ok to fix it for one section but a bit more complicated if I add 10+ sections or components.

Here’s a video showing the issue:

Does anyone have any idea of what’s happening, maybe it’s our workflow that isn’t good ?
Any help or clue is welcomed 😃

3 replies

peterstnsz

David_Santoro1

Hi, i’m facing a similar problem too.

We have a Design System file (Master Library) and we want to share this library with all components and style, but when i use a component from the library, the style (color e.g.) is linked with the original file.

So, let’s say we have a button component, this button has a primary color on default state, a different color on hover state and another one to the pressed state, when we use the component, we have to change all of them one by one, it’s a huge problem because we have more than 2.000 components with diferents styles and states.

What we want?
When we sync the library, we want to manage the styles to a new one, on the local file.


Jerome_Dupraz

I see what you’re facing ! It’s not really the same issue but kind of a reverse situation.
I didn’t find a solution for my team. We changed our workflow to avoid synching issues with libraries.
Actually, we’re not using shared libraries anymore. When we have a new project we duplicate the “master library” and directly work on that file so the changes we apply to this duplicated library are directly affecting the assets and components. We don’t bother synching several files.

What you can try for your problem is the plugin Style organizer to replace a color with one of your local styles. Or Themer which allow you to swap styles between published styles


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