Building design library for Snob

Our techniques which we use to design in Figma effectively.


All components have their page and a lot of states. This helps to keep everything clean and tidy, and much more easily to linking to React/Vue UI-libraries like Storybook.


Also, almost every UI element has a source component by which it consists, like in Atomic Design.

That helps keep all states of the UI element consistent. For example, if you need to change the font, you just change the font for a source component and all the states are changing too.

Keeping everything clean

A global design library should consist only of components that can be used in any design, like buttons and inputs. But elements like a carousel for ads or controls for text editor should be on their own page.