BuildShipped
Design Token Pipeline
Single source of truth for design decisions
DesignerBuilder
What it is
Automated pipeline that transforms Figma tokens into CSS, Tailwind, and native mobile formats.
Why it exists
Manual syncing between design and code is error-prone and slow.
Constraints
- •Must support semantic tokens (not just primitives)
- •Output must be tree-shakeable
- •Must generate TypeScript types
What was hard
- •Handling color space conversions correctly
- •Supporting dark mode as a first-class concept
What changed my mind
- →Originally tried to support every possible output format. Now focus on the 3 we actually use.