Design Systems with Brad Frost

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.9 • 1.2K Ratings

🗓️ 20 October 2023

⏱️ 60 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

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

Transcript

Click on a timestamp to play from that location

0:00.0	I hear hope you're hungry!
0:02.5	Who I'm starving?
0:04.2	Wash those hands, pull up a chair, and secure that feedback.
0:08.1	Because it's time to listen to Scott, to Linsky, and Wes Boss attempt to use human language to converse with
0:14.2	and pick the brains of other developers.
0:16.8	I thought there was going to be food.
0:18.7	So buckle up and grab that old f*** it handle.
0:21.7	Because this ride is going to get wild.
0:26.1	This is The Syntax Summer Club.
0:32.9	Welcome to Syntax, the podcast with the tastiest web development trees out there.
0:37.7	Today we have a special guest on the podcast.
0:41.2	Mr. Brad Frost, Brad is author of atomic design, design system consultant,
0:48.2	web developer, CSS thought leader.
0:52.0	I'm sure you didn't like that last one.
0:53.7	All kinds of stuff around building design systems and building stuff for the web.
0:58.6	Welcome Brad, thanks for coming on.
1:00.2	Yeah, thank you so much for having me.
1:01.9	This is awesome.
1:02.7	Syntax is presented by Century.
1:05.2	If you're shipping software and users are using it,
1:08.2	you want to make sure that you have a handle on your bugs before your users hit them.
1:13.6	Not only does Century give you access to finding and fixing all of those bugs,
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.