The Technical Side of Design Systems

Explore the technical aspects of design systems in this 52-minute conference talk from UI Special, CSS Day 2019. Dive into the essential components of a successful design system, including front-end workshop environments, CSS architecture, design token implementation, and integration with popular libraries like React and Vue.js. Learn how to establish a robust technical architecture, deploy design systems effectively, and manage updates. Gain insights on creating sturdy front-end components that power real software products, moving beyond style guides and documentation to practical application. Discover strategies for piloting design system projects, balancing flexibility and consistency, and implementing semantic versioning. Brad Frost, a renowned expert in the field, shares valuable knowledge to help you create and maintain design systems that truly drive product development.

Intro
Design Systems
Benefits of a Design System
What are your products made from
Design System Pilot Projects
Frontend Workshop Environment
Style
Design Build
Lockdown or Wide Open
Deploying a Design System
Semantic Versioning
Wrap Up