How to separate components and styles into two separate (but related) command libraries?

Question

User interface

Hello.
At the moment there is a library in which there are styles and components. Therefore, this library is connected to projects and components and styles are taken from it.
Now the idea is this... There will be one component library (buttons, inputs, etc.) and many different style libraries (colors, shadows, frets, etc.) for different projects. We make all projects on our component library, but clients have their own corporate colors, fonts, etc., so a separate style library is created for each project.
What is the best way to implement and use this in Figma? Maybe someone is already working on a similar scheme? Please tell me the best way to implement this.

Answer 1

If you have a paid subscription to Figma, you can split the component library into different files, thereby breaking the library into structure. It looks like this:
- The main "Desing-system" file - consists of basic elements that will have the same look in all projects
- - The main corporate style file - colors, fonts, shadows, etc.
- - - The main UI- project-specific kit 1
- - - Project-specific 2
main UI-kit - - - Project-specific 3 main UI-kit
- - - Etc...
You can break things down into more complex structures, but the main point is that libraries can be split into different files, and they can inherit each other's styles.
To make it clearer, read about how Dropbox did it:
https://ux.pub/istoriya-o-tom-kak-dropbox-reshel...