Bokaap Design
WorkAbout UsInsightsMediaCareersLet’s collaborate

Posted on 18 April 2025

Design Systems: Building a Component Library From Scratch

A design system is the single source of truth for product teams. In this video we show how we approach building one from scratch: starting with design tokens (colour, type, spacing, radius), moving to base components, then composite components, and finally documentation.

We also cover how we hand off the system to engineering and ensure that the Figma library and the code library stay in sync as the product evolves.

Topics covered: design tokens, component architecture, Figma libraries, Storybook, design-to-code handoff.