Design System

From design to code.

Here’s a small part of the design system I built from scratch with my fellow developer Adrian Stabinski for Billy. This one serves for the web app, but there’s another one for the mobile apps.

We decided to use design tokens, which have equal names on the design and code ends. Every piece of an interface, from colors, through spacing, to rich components (which also are built from smaller pieces), have their coded (react native) counterparts.

The documentation is stored on Storybook and all components are visually tested using Chromatic.