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.
S08E08 Modern Web Podcast - Fireside Chat with Ionic Core Team - Adam Bradley & Liam DeBeasi
S08E07 Modern Web Podcast - Managing Component Architecture with Debbie O'Brien
S08E06 Modern Web Podcast - Tailwind JIT and Utility CSS
S08E05 Modern Web Podcast - Browser Extensions with Simeon Vincent
S08E04 Modern Web Podcast - Jamstack is Web 3.0 with Guillermo Rauch
S08E03 Modern Web Podcast - Black Tech Pros Talk Work Life, Conflicts, & Experiences
S08E02 Modern Web Podcast - What is the Future of Tech Conferences? With John Allsop
S08E01 Modern Web Podcast - Meet RedwoodJS: The Full Stack React Framework with David Price
S07E20 Modern Web Podcast - Building State Machines using XState with David Khourshid
S07E19 Modern Web Podcast - Google's Project Fugu, Web Performance, & User Experience with Alex Russell
S07E18 Modern Web Podcast - Full Stack JavaScript is here! Blitz.js with Brandon Bayer, Creator of Blitz
S07E17 Modern Web Podcast - Getting LIT (HTML & Element) with Justin Fagnani: What You Should Prepare for 2021
S07E16 Modern Web Podcast - Core Web Vitals, Mobile Dev, Performance & PWAs with Max Firtman
S07E15 Modern Web Podcast - How To: WebPerf with Henri Helvetica
S07E14 Modern Web Podcast - What Does It Take To Be a Principal Engineer? Interview with Stacy Devino
S07E13 Modern Web Podcast - The Need for JS Speed | Using Preact - Interview with Jason Miller, Creator of Preact
S07E12 Modern Web Podcast - How to Pass FAANG Technical Interviews with Sam Saccone
S07E11 Modern Web Podcast - New CSS & Media Query APIs You Need to Learn Today
S07E10 Modern Web Podcast - RxJS 7 & 8: What to Expect & Prepare For
S07E9 Modern Web Podcast - Opinionated React with Sara Vieira
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
The Unbelivable Truth - Series 1 - 26 including specials and pilot
Lex Fridman Podcast