Building a Design System using Figma & Sanity Headless CMS
summary
PUMA and Formidable build a Unified Design System that starts from three people and grows to five, aiming to replace 20 regional teams’ fragmented e‑commerce experiences across 50+ countries. They use Figma UI library for mirrored design components and Sanity documentation as a headless CMS with programmatic versioning, CI updates, and importable stories live demos. Components are implemented in React, tested with Chromatic and accessibility checks, and the custom docs site already serves as a cross‑platform source of truth and contribution hub.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 1:04Puma’s Unified Design System
- 2:42Building in Figma + Figjam
- 5:20Consistent experiences across libraries
- 7:56UDS Online: leveraging Sanity CMS for documentation
- 14:00The communication hub of design systems
- 14:56Closing
related talks
23mBuilding an open source design system for the many
18mDesign Systems in Practice
20mGrand visions for a design system grounded in reality
28mThe Three P’s of a Design System
14mEmpowering designers: AI, design systems, and quality
46mBuilding & Managing Design Systems
57mUnifying design and development through design systems
23mDesign Systems 101