Episode 070 Deep Dive: Lasting Design System Infrastructure with Ben Callahan & Hannah Clarke

Описание: Introduction
Host Ben Callahan is joined by co-host Hannah Clarke, UI Engineer at Intapp, for a live deep dive on building design system infrastructure that lasts. The survey went to 1,061 practitioners and received 45 responses across four questions: company leadership model, dedicated team roles, who owns coded component delivery, and what actions create a system that endures. The conversation spans surprising results, web component delivery strategies, the framework agnostic debate, the unicorn-hire problem, API flexibility, and the human community that makes any system worth building.

Show Notes
00:02 — Welcome, Hannah's intro, and sponsor message (Mintlify)
01:07 — Hannah's background: UI Engineer at Intapp, full-stack roots, how she found the design systems space
03:25 — Survey overview: Four questions, 1,061 sent, 45 responses
04:39 — Q1: "Led by product" came in at ~40%, surprising Ben; Hannah less shocked given her experience
06:31 — Q2: Front-end dev outranked UI design in dedicated roles; reference to Sean Bent's post on design system hiring trends
08:22 — Community as infrastructure: Awareness and human connection matter as much as tooling; user showcase idea from Hannah's team retro
11:14 — Joshua: In-person labs where consuming teams experiment with the design system to make it feel engaging
12:13 — Hannah's delivery approach: Stencil + web components, outputting to multiple NPM packages (tokens, styles, web components, React 18, React 19 + SSR)
14:33 — Q4 theme: Framework agnosticism as a longevity strategy; design-side agnosticism and Penpot as a Figma alternative
16:50 — Josh: Journey from web components wrapped in React to going all-in on React and why
17:48 — Real challenges wrapping web components for React: Shadow DOM, team culture resistance, the "pure React" demand
19:09 — Post-processing scripts on top of Stencil: Default values, required props, types files, and developer quality-of-life improvements
22:50 — Guy: AI workflow from Figma to production code; using Figma Console MCP to convert prototypes into design-system-compliant files; circumventing design tools altogether
27:11 — Kelly: Laid off with her entire product design org; job postings pitting design vs. engineering; the value of tight cross-discipline collaboration
30:54 — Hannah: The full-stack cycle — companies oscillate between specialists and generalists at their own peril
32:23 — Greg: Flipping the unicorn question — even if unicorns existed, would they want to do everything expected of them?
36:05 — Amy: Designers vibe coding directly in repos; how design systems can support that workflow and reduce chaos
37:31 — Joanna: Built two full implementations (React + Angular) after teams refused a framework-agnostic approach; the real costs
39:30 — Sean: Extending across iOS + Android; shared tokens, consistent naming, cross-platform rituals; treating Figma as a fourth platform
41:22 — Managing cross-platform parity: Manual processes, shared style layers, prioritization by demand
44:09 — Hannah: Why she moved away from "just React" thinking; the unsolved mobile challenge for a three-person team
46:36 — API flexibility vs. rigidity: Joanna's case for flexible APIs; Hannah and Mike on finding the balance without losing consistency
51:01 — Closing remarks and community announcements

Where to Find the Hosts
Ben Callahan, Founder of Sparkbox and Redwoods Design System Community: https://bencallahan.com

Hannah Clarke, UI Engineer at Intapp: https://bit.ly/47kl2ln

Get the Raw Data: https://bit.ly/3OOuU0B
Review the FigJam Notes: https://bit.ly/4rxa9E8
Join the Conversation: https://bit.ly/answerTheQuestion