713: AI + Design Systems with Brad and Ian Frost
Show Description
Brad and Ian Frost are back to chat about integrating AI into website and design system building, how to keep AI slop out of your design systems, building things humans need regardless of the tooling, and thinking of AI as a fancy linter.
Listen on Website
Guests
Brad Frost
Guest's Main URL • Guest's Social
Ian Frost
Guest's Main URL • Guest's Social
Links
Redesigning My Website While Painting a Mural: The Ancient Future of Web Design - YouTube
AI & Design Systems Course with Brad Frost, TJ Pitre, and Ian Frost
Brad Frost
Ian Frost
Sponsors
AI & Design Systems Course
This course is for anyone invested in the success of digital products at your organization. Whether you're a designer, developer, product owner, manager, or leader, you'll learn how AI & design systems work together to help you create better digital products. The course blends foundational concepts with practical, in-the-weeds instruction to help you level up your skills and understanding.
Coupon Code SHOPTALKSHOWISAWESOME for 15% off!
670: Brad and Ian Frost on Their New Design Tokens Course
Show Description
Brad and Ian stop by to chat about their new course, The Complete Guide to Design Tokens, what happens if you don't use design tokens on projects, what the ideal outcome is for building and designing with design tokens, how many colors is enough, what about refactoring, and does Figma or code win the argument?
(Brad and Ian did give us a 20% discount code for the course: SHOPTALKSHOWISAWESOME)
Listen on Website
Watch on YouTube
Guests
Brad Frost
Guest's Main URL • Guest's Social
Design system consultant, web designer, speaker, writer, musician, and artist located in beautiful Pittsburgh, PA.
Ian Frost
Guest's Main URL • Guest's Social
Front-end architect, technical lead, and consultant who loves to help level up developers.
Links
Design Tokens Course with Brad Frost and Ian Frost
Dotdash Meredith - America's Largest Digital & Print Publisher
Nord Design System
React Aria
Style Dictionary | Style Dictionary
770: Design Systems With Brad Frost (Rereleased)
In this revisited supper club episode, 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:00 Welcome to Syntax!
00:49 Brought to you by Sentry.io.
01:14 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:26 What is a design system?
11:48 How do you keep design and code in sync?
Material Design.
Shopify Polaris.
Carbon Design System.
The Design System Ecosystem | Brad Frost.
15:52 How do you use Shopify, WordPress, React, etc. through a design system?
19:19 How is CSS handled?
25:19 What’s the benefit of going all in on web components?
28:49 Do small startups need to worry about design systems?
32:36 How do design tokens work?
37:38 How do you deal with pushback on design systems?
41:05 How do you go outside the guidelines?
44:52 What system do you use for naming things?
49:06 How do you best document your language choices?
50:41 Supper Club questions.
Thinking in Systems.
Miriam Eric Suzanne.
Zeldman on Web and Interaction Design.
57:12 Sick Picks + Shameless Plugs.
Sick Picks Brad: Rubblebucket.
Shameless Plugs Brad: Frostapalooza! | Brad Frost, FROSTAPALOOZA - A Concert Party Happening On August 17th 2024.
Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott:X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads
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 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
Interview with Brad Frost (@brad_frost, part 2)
In today's episode, I interview Brad Frost, known for coining the term "Atomic Design." Brad literally wrote the book on this subject, and now consults with companies on how to express their brand from language all the way down to the smallest piece of their UI.
Check out Brad's book, Atomic Design
Brad's music
Follow @brad_frost on Twitter
Today's episode is sponsored by Pusher. Build awesome realtime features faster with Pusher. Focus on the application, not the infrastructure! Get started today at spec.fm/pusher
Interview with Brad Frost (@brad_frost, part 1)
In today's episode, I interview Brad Frost, known for coining the term "Atomic Design." Brad literally wrote the book on this subject, and now consults with companies on how to express their brand from language all the way down to the smallest piece of their UI.
Check out Brad's book, Atomic Design
Brad's music
Follow @brad_frost on Twitter