Design Engineering / 2024

Forge Design System

A token-first design system unifying eight independent product teams under one component library — shipping 240 components in three months.

Forge Design System
React Storybook CSS Custom Properties Figma
Role

Frontend Architecture

Design Systems

Timeline

3 Months Delivery

Live Site View Project
The Challenge

Building consistency across 8 product teams.

Eight independent product teams were each maintaining their own component libraries, leading to UI inconsistencies, duplicated work, and a fragmented user experience across the entire product suite.

The Solution

A single source of truth with Figma + React tokens.

We built a token-first design system using CSS custom properties linked directly to Figma variables. A Storybook-powered component library provided typed React components with automated visual regression testing on every PR.

The Impact

Quantifiable improvements across technical and business metrics.

240+

Components shipped and documented in the first release.

−70%

Reduction in designer-to-developer handoff time.

8 teams

Unified under one system within 6 weeks of launch.

“Our product finally feels like one product.”

— Head of Product, SaaStr