What you'll build

React React styled-components Prettier GitHub Actions ESLint Chromatic Jest npm Auto

Follow along as we code a design system that's inspired by Storybook's own. We'll learn the developer perspective on design systems by examining three technical pieces of a design system.

🏗 Common reusable UI components

🎨 Design tokens: Styling-specific variables such as brand colors and spacing

📕 Documentation site: Usage instructions, narrative, do’s and don'ts

After that, we'll set up the industrial-grade infrastructure for review, testing, documentation, and distribution.