How should I use a community design system?

Hi Titouan!

I’m no expert in design systems since they’re often already set up for me, but here’s what I’d suggest having tinkered and experiments:

File Duplication: Always duplicate the design system file before starting your project. This keeps the original system intact while allowing you to customise it for your needs.

Quick Color Modification: Set up Figma’s variables to manage colours globally, so any change updates consistently across all elements.

Publishing the Design System: I would guess publishing the design system after significant changes or at key project milestones would work.

Hope this helps! Someone more versed in creating design systems may offer more/better guidance.

Hello DameGeri,

Thank you so much for your quick response and valuable advice. It’s been incredibly helpful!

Quick question: how do you manage to quickly change colors in the design system when it’s very large? Each color change can sometimes take up to five minutes…

Thanks again for your help!

Hi Titouan,

Here’s a useful video I found while experimenting: YouTube Link. It covers how to map all theme colours to brand colours so that any changes to brand colours (like primary/secondary or adjustments for light/dark modes) reflect across the entire design system.

It took a bit of time to set up initially, but once done, updating colours was really straightforward!

Thank you very much for your response! I sincerely appreciate the time you took to reply to me and the information/clarity you provided.

You’re welcome… I hope it helps.