Design Systems of a Down: Steal this Guide!
summary
Claims a developer‑first design system is four concrete deliverables: design tokens, a designer UI kit, a component library and dynamic docs. Shows a working toolkit built with Backlight and style‑dictionary exporting JSON/YAML tokens to web, iOS and Android, using Chakra UI components, storybook‑style playgrounds, and a library mode that publishes packages so a single token change cascades, rebuilds previews and catches regressions before apps consume them.
AI-written summary · about
chapters (11)
- 0:00Intro
- 1:14Design Resources
- 2:38What is a Design System
- 4:45Atomic Design
- 6:24Design Tokens
- 8:27Style Dictionary
- 11:10Documentation
- 13:19Templates
- 14:16Library Mode
- 17:09Conclusion
- 17:39Questions
related talks
21mDesign Systems 101: The Developer Approach to Better Frontends
20mDesign Systems for the Rest of Us
32mIntroduction to Design Systems
23mDesign Systems 101
12mDesign Systems-Revamping Products for Consistent UIs
35mDesign system - From a Developer Point-of-View
13mDesign systems and how to use it
56mDesign System as a Product