A Practical Guide to Building Your Design System Infrastructure
summary
A practical walkthrough of building a design system site using React tooling: it demonstrates using Storybook plugins for visual regression and interactive examples, generating documentation from component code with component-in-markdown live rendering, wiring CI to publish versioned sites, and tracking which apps use which component versions. The talk gives concrete recipes and production examples showing how these automations solve documentation, testing and release problems.
AI-written summary · about
chapters (11)
- 0:00Design system intro
- 2:52Design systems stakeholders
- 7:30Documenting with Storybook
- 10:48Auto docs generation
- 14:21Design site Markdown
- 17:38Interactive components
- 20:06Community docs site
- 22:16Tracking usage
- 24:25Showcasing projects
- 25:52Design systems service
- 26:58Q&A
related talks
35mDesign system - From a Developer Point-of-View
41mBuilding a design system with React in 2025, what's new?
21mDesign Systems 101: The Developer Approach to Better Frontends
32mYour Guide to Making Scalable Design Systems
24mFrom Sketch to Code Designing a Component Kit
38mReact-Storybook: Design, Develop, Document and Debug your React UI components
30mDesigning with React
28mFrom Sketch to Code Designing a Component Kit