A design system. A year in review
summary
Skyscanner builds a production design system that cuts duplicated UI work, moves releases from six-week monolith cycles to teams shipping multiple times per day, and reaches company-wide use (900 employees, 60M MAU). Core deliverables: NPM package of SASS variables, design tokens (JSON) transformed with Salesforce Feel, React components plus React Native work, Sketch libraries and Storybook for development, Lerna for mono-repos. A full-time team spends six months to prove value and spends two months building an accessible, themeable date picker that replaces repeated bespoke solutions.
AI-written summary · about
chapters (14)
- 0:00Start
- 0:51Skyscanner
- 1:18Facts about Skyscanner
- 6:56Alert Messaging
- 7:50Call-to-Action Buttons
- 9:39Color Palette
- 16:05React or Angular
- 16:31Clarity Conference
- 16:54Tech Tour
- 17:36Atomic Design Principles
- 20:10Font Stack
- 21:02Core Principles
- 26:35Auto-Layout Plugin for Sketch
- 27:30Design System Slack
related talks
39mBackpack, our journey in creating a design system
41mBuilding a design system with React in 2025, what's new?
20mDesign Systems for the Rest of Us
35mDesign system - From a Developer Point-of-View
32mYour Guide to Making Scalable Design Systems
29mCreating a Design System that People Actually Use
27mAccelerating Development using UI frameworks
25mSecrets to a Successful Design System