Skip to main content
Question

How can I work with project-specific colors and a foundational variable set?


Clover

Hi there, I recently created a basic set of variables for my design system which I use as a starting point for a variety of web projects. I’ve wireframed a large number of pages in grayscale and now wish to swap in the branded colors using variable modes, but I’m foreseeing a problem.

I would have to add the branded colors to my core design library to use mode switching. After the project is completed I’d have to hide the branded colors with scoping, and would need to re-enable them if I ever needed to go back into the project. Overtime this would cause a lot of bloat in my core variable set.

I could manually apply the brand colors with a set of local variables in each working design file, but then I wouldn’t be able to take advantage of variable modes. Using a plugin like variable manager to copy my core variables into each design file would require me to manually push core updates into each file instead of utilizing library sharing. Neither of these solutions seems very efficient.

I don’t have a huge amount of knowledge with variables so I may be overlooking something simple but I feel a bit stuck. Any advice would be appreciated!

0 replies

Be the first to reply!

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