Skip to main content

Need way to use same component library across projects with different color schemes

Description:
I’ve built a component library file in Figma that includes buttons, inputs, cards, labels, etc. This library will be used in multiple upcoming projects.

The goal is simple:
Use the same components from the shared library in all projects, but apply a different color scheme (branding) for each project — e.g.,

  • Project A → Red theme

  • Project B → Green theme

  • Project C → Blue theme
    ...and so on.

I built the entire component library using variables (for colors) and published it. However, when I add the library to another project file, the variables are not accessible or tweakable there.

Note: I’m not talking about variable modes, since I’ll have 10+ projects with completely different brand colors.

What I need:
A workflow that lets me:

  1. Use the same published components from the library in every project.

  2. Change their colors (branding) per project easily.

  3. Keep the link to the main library so future updates (like padding, structure, etc.) automatically apply.

What’s the right way to achieve this setup?

Be the first to reply!