Design Systems with Brad Frost

In this supper club episode of Syntax, Wes and Scott talk with Brad Frost about how to implement design systems in small and large scale projects, best practices around naming things, keeping everything in sync across different codebases, and how design systems help projects.

Show Notes

00:32 Welcome
01:02 Syntax Brought to you by Sentry
01:34 Introducing Brad Frost
Brad Frost.com
Atomic Design by Brad Frost
Brad (@brad_frost) on Twitter
Brad on LinkedIn
Brad on Mastodon
Brad on YouTube
Brad on GitHub
Brad Frost on CodePen
Big Medium | Design for What’s Next
06:43 What is a design system?
12:12 How do you keep design and code in sync?
Material Design
Shopify Polaris
Carbon Design System
The Design System Ecosystem | Brad Frost
16:13 How do you use Shopify, WordPress, React, etc. through a design system?
19:41 How is CSS handled?
25:40 What’s the benefit of going all in on web components?
29:13 Do small startups need to worry about design systems?
33:03 How do design tokens work?
38:17 How do you deal with pushback on design systems?
41:46 How do you go outside the guidelines?
45:24 What system do you use for naming things?
49:34 How do you best document your language choices?
51:09 Supper Club questions
Thinking in Systems: International Bestseller: Donella H. Meadows, Diana Wright: 9781603580557: Amazon.com: Books
Miriam Eric Suzanne
Zeldman on Web and Interaction Design - Famous for stating the obvious.
57:54 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

Rubblebucket

Shameless Plugs

Tweet us your tasty treats

Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
Wes Bos on Bluesky
Scott on Bluesky
Syntax on Bluesky