Beachcomber's Guide to Type-Safe Design Systems
summary
Kathleen McMahon explains how to build resilient design systems using TypeScript to catch mismatches between design tokens, components, and variants before they break the UI. The talk covers practical TypeScript techniques and type-safe design patterns that help teams evolve a design system reliably even when it contains legacy inconsistencies.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 3:52Type safety in systems
- 8:45Type-safe design tokens
- 15:31Discriminated unions for components
- 27:38Polymorphic patterns pitfalls
- 34:19Avoiding driftwood anti-patterns
- 40:20Type-safe styling with Tailwind
- 43:27Runtime safety nets and wrap-up
related talks
35mScalable Design Systems with TypeScript
21mHow Typescript Can Power Design Systems
45mDesign systems adventures with React and TypeScript
17mHow Typescript Can Power Design Systems
54mAn Approach to Type-Safe Development in TypeScript
30mType-Safe Style Systems: The Future of CSS
27mMatthew Gerstman - TypeScript: Seeing Past the Hype
01h 01mDeconstructing TypeScript’s Type System