Show Notes
Show DescriptionBrad 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 WebsiteGuestsBrad FrostGuest's Main URL • Guest's SocialIan FrostGuest's Main URL • Guest's SocialLinks 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 SponsorsAI & Design Systems CourseThis 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!
More from ShopTalk
Show DescriptionOn this episode we're chatting about how to make modern tooling more collaborative and human-friendly, CSS alpha() and color-mix() features, Chris quizzes Dave on SVG features, voting for interop, CodePen + AI tools, and how to detect when elements overlap with CSS. Listen on WebsiteLinks Glove80 Keyboards — MoErgo Mat Marquis Do we really need alpha()? Detect When Elements Overlap with CSS 2027 Web Platform Feature Ranking Introducing Delta — Zed Agent Collaboration Environment (ACE) for Multiplayer AI Coding — GitHub Issue #123 Matt Pocock’s Skills for Real Engineers SponsorsAI and Design SystemsAI delivers speed, but can make a huge mess. Design systems encode your org's standards of quality, but can be difficult to wield. Together, AI & Design Systems are a powerful combination to deliver quality, speed, and scale.
Show DescriptionTJ Pitre joins us to talk AI in design systems, building and maintaining component libraries, the evolution of modular CSS and component workflows, connecting Figma and code, keeping components in sync across tools and teams, human review in AI-assisted workflows, Storybook, MCP tools, evals, and decision models like Jev for choosing components. Listen on WebsiteWatch on YouTubeGuestsTJ PitreGuest's Main URL • Guest's SocialProduct Architect for AI and Design Systems at Figma. Founder of Southleft. Links AI & Design Systems Course with Brad Frost, TJ Pitre, and Ian Frost TJ Pitre on GitHub TJ Pitre on LinkedIn AI + Design Systems — Southleft SponsorsAI & Design SystemsAI delivers speed, but can make a huge mess. Design systems encode your org's standards of quality, but can be difficult to wield. Together, AI & Design Systems are a powerful combination to deliver quality, speed, and scale.
Show DescriptionDave and Chris explore the evolving landscape of design systems, CodePen's new API features, what happens when an app moves your cheese and how to respond, and Regretful API's. Listen on WebsiteWatch on YouTubeLinks Bear — Markdown Notes Design System Doc Spec 0.21.2 437: The Cheese. It Has Been Moved. — CodePen CodePen PRO TypeSafe AI Tupo — A daily sudoku-style logic puzzle with a twist SponsorsAI and Design SystemsAI delivers speed, but can make a huge mess. Design systems encode your org's standards of quality, but can be difficult to wield. Together, AI & Design Systems are a powerful combination to deliver quality, speed, and scale.
Show DescriptionBen Schwarz stops by to discuss the state of web performance, using his research on airline websites as a case study for practical insights on improving website speed and user experience. Listen on WebsiteGuestsBen SchwarzGuest's Main URL • Guest's SocialCEO at Calibre Analytics Links ShopTalk Archives 2013 068: With Ben Schwarz – ShopTalk Ben Schwarz — Founder & CEO at Calibre Calibre: Web Performance Monitoring for Every Team It's official: Airline websites are slow, but they don't have to be | Calibre World Airline and Airport Ratings
Show DescriptionWe're talking treadmill and musical gear, software maintenance, dependency management, technical debt, testing web components, and CSS-Tricks hot drama. Listen on WebsiteLinks Underdesk Treadmill – Chris Coyier Sarah Drasner's Site Maggie Appleton Acoustic Bass Guitars - 4 string & 6 string | Taylor Guitars CSS-Tricks - Learning for front-end designers and developers Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend | Master.dev @web/test-runner - npm Node.js Test Runner Fast and reliable end-to-end testing for modern web apps | Playwright SponsorsSlopTalk ShowGet your AI sloptalk at 50% off your first purchase of 5,000 tokens.