Design Systems in the Age of AI Agents

Teaching AI to Speak Your Design System's Language with Reony Tonneyck

“With design systems, it’s not just about the tools or what you provide and how others use them. There’s also a significant cultural aspect to consider.” In this episode, we dive into the practical realities of building and maintaining a design system in a fast-moving startup environment with Reony Tonneyck, Senior Product Designer at Command Zero. Reony shares his journey from animation to web design and how his early exposure to Figma, open source frameworks, and design systems shaped his approach. He explores the challenges of working with inherited frameworks versus building custom components, and how proper documentation, token management, and parity between design and code are essential for scalable systems. The conversation also highlights the impact of AI on design workflows, from using Claude and Raycast to automate tasks and generate assets, to integrating AI with Notion for automated release notes. Reony discusses the balance of adopting new tools while ensuring consistency and accuracy across both design and engineering teams. TUNE IN TO LEARN: How to effectively build on open source frameworks while maintaining custom components The role of AI in automating repetitive tasks and improving efficiency Strategies for maintaining design system parity, documentation, and scalable workflows JUMP INTO THE CONVERSATION: (00:00) Intro (05:02) Career shift into design systems (09:07) Small team decentralized system model (12:52) Working with Angular framework parity (16:27) Transition from Token Studio variables (19:14) Open source framework benefits and risks (23:44) Patterns library and slot issues (27:56) Custom components versus inherited framework (33:02) AI integration in design workflow (38:31) Skepticism toward UI generation tools (44:16) Naming conflicts and AI context (47:01) Claude skills for token management (48:26) Automated release notes process (52:45) AI hype and practical takeaways Check out Command Zero: https://www.commandzero.ai [https://www.commandzero.ai] Connect with Reony Tonneyck: https://www.linkedin.com/in/reonytonneyck/ [https://www.linkedin.com/in/reonytonneyck/] ABOUT INTENT & CRAFT Intent & Craft is a product design podcast [http://intentandcraft.com/] from the team at Headway. We dig into design systems, AI in the design process, and what it really takes to scale design for software. Made for design leaders, product leaders, and the teams building alongside them. HOSTS Billy Sweetman, Head of Design at Headway Breanna Shappy, Design Lead at Headway CONNECT WITH THE TEAM Billy Sweetman: https://www.linkedin.com/in/sweetman/ [https://www.linkedin.com/in/sweetman/] Breanna Shappy: https://www.linkedin.com/in/breanna-shappy/ [https://www.linkedin.com/in/breanna-shappy/] Melissa Gallagher: https://www.linkedin.com/in/melissacgallagher/ [https://www.linkedin.com/in/melissacgallagher/] Sam Pecard: https://www.linkedin.com/in/samuelpecard/ [https://www.linkedin.com/in/samuelpecard/] RELATED LINKS Headway Website: https://www.headway.io [https://www.headway.io] Intent & Craft Website: http://intentandcraft.com/ [http://intentandcraft.com/] Headway on LinkedIn: https://www.linkedin.com/company/headwayio/ [https://www.linkedin.com/company/headwayio/] Newsletter: https://www.headway.io/the-manifest [https://www.headway.io/the-manifest] GOT A TOPIC IDEA OR WANT TO BE A GUEST? Reach out to us on LinkedIn or email Billy Sweetman at billy@headway.io [billy@headway.io]

Design Systems in the Age of AI Agents

"Design is about creating cohesive, functional systems that adapt to both human and technological needs." In this episode, we explore the key components that make design systems effective in real-world production environments with the Headway [https://www.headway.io] Design Team. Billy Sweetman [https://www.linkedin.com/in/sweetman/], Breanna Shappy [https://www.linkedin.com/in/breanna-shappy/], Melissa Gallagher [https://www.linkedin.com/in/melissacgallagher/], and Sam Pecard [https://www.linkedin.com/in/samuelpecard/] discuss the nuances of building a design system that works seamlessly across teams and tools, from Figma files to development environments. They dig into the complexities of bridging design and development with a focus on token drift, code parity, and the critical role of proper documentation. The team also addresses how AI is shaping the design process, including tools like Figma Make that are enhancing collaboration and speeding up prototyping. They share insights into the evolving landscape where the lines between design and development are increasingly blurred, and how these changes are fostering more collaborative, faster workflows. TUNE IN TO LEARN * How design systems come to life in production * The role of AI in automating tasks and improving efficiency * Why proper documentation and governance are key to a scalable design system JUMP INTO THE CONVERSATION (00:00) Intro (00:23) Red flags when receiving Figma systems (02:10) Token drift issues in design systems (03:05) Figma and code parity challenges (04:15) Designing systems for AI agents (06:34) Documentation built for AI consumption (08:10) Prompting AI for better documentation (13:46) What actually works in production systems (16:19) Risks without a dedicated design system owner (18:40) Scaling design system governance and contributions (23:40) Automating design system checks and linting (25:00) Enterprise design system onboarding strategies (27:01) Rolling out systems to new designers (29:27) Using AI tools for rapid prototyping (35:10) Designers working directly in codebases ABOUT INTENT & CRAFT Intent & Craft is a product design podcast [http://intentandcraft.com/] from the team at Headway. We dig into design systems, AI in the design process, and what it really takes to scale design for software. Made for design leaders, product leaders, and the teams building alongside them. HOSTS Billy Sweetman, Head of Design at Headway Breanna Shappy, Design Lead at Headway CONNECT WITH THE TEAM Billy Sweetman: https://www.linkedin.com/in/sweetman/ [https://www.linkedin.com/in/sweetman/] Breanna Shappy: https://www.linkedin.com/in/breanna-shappy/ [https://www.linkedin.com/in/breanna-shappy/] Melissa Gallagher: https://www.linkedin.com/in/melissacgallagher/ [https://www.linkedin.com/in/melissacgallagher/] Sam Pecard: https://www.linkedin.com/in/samuelpecard/ [https://www.linkedin.com/in/samuelpecard/] RELATED LINKS Headway Website: https://www.headway.io [https://www.headway.io] Intent & Craft Website: http://intentandcraft.com/ [http://intentandcraft.com/] Headway on LinkedIn: https://www.linkedin.com/company/headwayio/ [https://www.linkedin.com/company/headwayio/] Newsletter: https://www.headway.io/the-manifest [https://www.headway.io/the-manifest] GOT A TOPIC IDEA OR WANT TO BE A GUEST? Reach out to us on LinkedIn or email Billy Sweetman at billy@headway.io [billy@headway.io]

Why Intent Matters More Than Ever for AI and Product Design

“Design is a series of thoughtful decisions that come together.” In this episode, we talk about the core principles of intentional design and craftsmanship with the Headway Design Team. Billy Sweetman, Jacob Miller, Breanna Shappy, Melissa Gallagher, and Sam Pecard discuss the meaning behind "Intent & Craft" and explore the key differences between design decisions and their execution. They tackle what business leaders get wrong about investing in design and the gap between what clients think they need versus what they actually need when bringing in design teams. The team also addresses how AI is saving valuable time in their design process, and where tools still fall short. With the evolving landscape of design tools, they explore how the line between design and development is becoming increasingly blurred, enabling quicker, more effective design executions. ### Tune in to learn: * How thoughtful decisions shape good design * Balancing creativity with the constraints of business * The role of AI in automating design tasks ### Jump into the conversation: (00:00) Intro (01:39) Billy discusses AI's role in design (03:28) Breanna on micro decisions in design (04:57) Balancing taste and constraints in design (06:34) Sam talks startup vs. enterprise design (12:49) Design as a silent discipline explained (17:47) Reality check: research in design process (21:42) AI speed vs. understanding in design (23:09) Design systems as essential guardrails (28:01) Rapid plugin proofs and design innovation (31:54) Tools and collaboration gaps in design (36:53) Prompting and creativity in design work ABOUT INTENT & CRAFT Intent & Craft is a product design podcast [http://intentandcraft.com/] from the team at Headway. We dig into design systems, AI in the design process, and what it really takes to scale design for software. Made for design leaders, product leaders, and the teams building alongside them. HOSTS Billy Sweetman, Head of Design at Headway Breanna Shappy, Design Lead at Headway CONNECT WITH THE TEAM Billy Sweetman: https://www.linkedin.com/in/sweetman/ [https://www.linkedin.com/in/sweetman/] Breanna Shappy: https://www.linkedin.com/in/breanna-shappy/ [https://www.linkedin.com/in/breanna-shappy/] Melissa Gallagher: https://www.linkedin.com/in/melissacgallagher/ [https://www.linkedin.com/in/melissacgallagher/] Sam Pecard: https://www.linkedin.com/in/samuelpecard/ [https://www.linkedin.com/in/samuelpecard/] RELATED LINKS Headway Website: https://www.headway.io [https://www.headway.io] Intent & Craft Website: http://intentandcraft.com/ [http://intentandcraft.com/] Headway on LinkedIn: https://www.linkedin.com/company/headwayio/ [https://www.linkedin.com/company/headwayio/] Newsletter: https://www.headway.io/the-manifest [https://www.headway.io/the-manifest] GOT A TOPIC IDEA OR WANT TO BE A GUEST? Reach out to us on LinkedIn or email Billy Sweetman at billy@headway.io [billy@headway.io]