Living Design Systems
summary
Describes a working living design system that centralizes design tokens and assets so changes propagate to iPhone iPad Android responsive web and desktop apps. Shows the concrete toolchain: Theo token generator that converts a JSON source into Sass Less Stylus iOS JSON and Android XML, and blender asset rasterizer that pulls SVGs from a repo. Claims reduced hard‑coded values, faster cross‑team updates, and real internal use at Salesforce.
AI-written summary · about
chapters (8)
- 0:00Introduction to Design
- 1:44Evolution of Style Guides
- 3:20Embracing Living Style Guides
- 5:31Challenges in Mobile Design
- 7:35Open Sourcing the SaaS Site
- 11:03Salesforce Design System
- 14:04Theo: Token Generator
- 17:31Conclusion and Resources
related talks
35mDesign Tokens for Cross-platform Design Systems
41mDesigning a Design System
21mDesign Systems @Scale
35mThe Evolution of Design Tokens
26mDesign Systems of a Down: Steal this Guide!
26mCreative Collaboration: Building a Universal Design System
06mLightning talk: Design System - Modular component model
27mDesign Tokens and You