In this podcast episode, Rob Ocel chats with Kathleen McMahon, a senior design systems engineer at Northwestern Mutual and a key contributor to the W3C Design Tokens Community Group.
Kathleen McMahon kicks off the conversation by defining design systems as versatile collections of patterns and efficiencies that streamline workflows in design and engineering. She emphasizes that design systems can encompass diverse elements, such as design patterns, component libraries, CSS frameworks, and more, tailored to the unique needs of a company or product. The focus isn't on rigidity but rather on promoting consistency and efficiency while allowing flexibility for innovation.
The dialogue then shifts to Kathleen's role as a design systems engineer and the dynamic nature of her work, influenced by factors like team size and company maturity. Kathleen shares her experiences in both small, multifaceted teams and larger, specialized teams at Northwestern Mutual. She provides insights into the varied responsibilities, from creating design tokens and components to ensuring accessibility and collaborating with diverse stakeholders.
Rob and Kathleen delve into the invaluable role of design systems in simplifying workflows for designers and developers. Kathleen highlights how design systems liberate creative energy by offering reusable patterns, enabling teams to focus on solving more complex problems. They also explore the strategic decision of whether to build a design system within a specific framework or keep it framework-agnostic, shedding light on the considerations and potential challenges associated with third-party component libraries.
The episode culminates with a discussion of ARIA (Accessible Rich Internet Applications) and its pivotal role in enhancing accessibility within design systems. Kathleen discusses the opportunities and challenges of leveraging libraries like Adobe's React ARIA hooks for accessibility.
This episode is sponsored by This Dot Labs.
Modern Web Podcast S12E04- 6 Steps to AI Adoption: Benefits of SLMs vs LLMs
Modern Web Podcast S12E03- How to Go from Software Engineer to AI Engineer with Shawn Wang
Modern Web Podcast S12E02- 6 Steps to AI Adoption: Building with AI APIs
Modern Web Podcast S12E01- The Future of JavaScript Package Handling and Open Source with Darcy Clarke
Modern Web Podcast S11E32- Why Every Developer Should Try Elm + Are We Abandoning JavaScript? with Lindsay Wardell
Modern Web Podcast S11E31- 6 Steps to AI Adoption: Prompt Engineering for Workflow Optimization with Jerome Hardaway
Modern Web Podcast S11E30- NextJS 14 Server Actions and Why Building CRUD Apps is Good For You with Dave Gray
Modern Web Podcast S11E29- How Deno & JSR are Changing JavaScript Development with Kevin Whinnery
Modern Web Podcast S11E28- Making and Using GPTs to Improving Developer Workflows with Jerome Hardaway & Tracy Lee
Modern Web Podcast S11E27 The Democratization of AI with Carter Rabasa
Modern Web Podcast S11E26- Dismantling Your AI Bias with Jerome Hardaway and Tracy Lee
Modern Web Podcast S11E25- Are Performance Issues Really Next.js’s Fault? What Vercel Should Actually Be Building
Modern Web Podcast S11E24- Will HTMX Take Away Front End Developer Jobs? with Jack Herrington
Modern Web Podcast S11E23- AI (Probably) Won’t Ruin Your Engineering Career
Modern Web Podcast S11E22- A Solid(JS) Developer Experience with Atila Fassina, SolidJS DX Team
Modern Web Podcast S11E21- New Web APIs, CSS, Tailwind, and RSC with Chance Strickland, Ben Lesh, Adam Rackis, and Tracy Lee
Modern Web Podcast S11E20- Can Vercel Fix React? A Conversation with Tracy Lee, Ben Lesh & Adam Rackis
Modern Web Podcast S11E19- It's Impossible for this Code to Fail - with Loren Sands-Ramshaw
Modern Web Podcast S11E18- ChatGPT Can't Solve These Problems! with Chris Gardner
Modern Web Podcast S11E17- Astro: Do You Even Need JavaScript? with James Quick
Join Podbean Ads Marketplace and connect with engaged listeners.
Advertise Today
Create your
podcast in
minutes
It is Free
Insight Story: Tech Trends Unpacked
Zero-Shot
Fast Forward by Tomorrow Unlocked: Tech past, tech future
Black Wolf Feed (Chapo Premium Feed Bootleg)
Bannon`s War Room