Modular design system, tokens, variables, modes

Bakaneko Design system

A Bakaneko is a Japanese mythological creature that looks like a cat, but, just like this design system, changes form to fool its owner. Sometimes it even changes shape to a human form. This design system is build to do the same, it adapts the design to the selected brand.

The challenge

Set up a modular design system, that can be used for multiple brands. Make sure you can switch the default white label design to another brand and also switch to dark and light mode.

The result

The Bakaneko design system that changes form by using the variables and modes features of Figma. 1 design system, 4 brands, 2 modes, 1 set of components.