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

• Frostapalooza! | Brad Frost

FROSTAPALOOZA - A Concert Party Happening On August 17th 2024

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