Kevin is an interaction designer and principal front end developer with a passion for rendering modern designs through the latest production techniques. Kevin consults with in-house dev teams to implement design systems and fine-tune their prototyping and production environments. His design systems experience includes work for Morningstar, Fidelity, Liberty Mutual, Target, REI, Discovery Education, NetApp, Amgen, Yahoo, and Marriott.
A Component’s Journey Through Design, Code, and Documentation
Design systems emerge from all sorts of frameworks, yet web components promise a future of reusability across them all. No matter how you’ve been making systems before, integrating this approach into your design system workflow requires you to up your game. Testing? Check. Accessibility? Check. Architect flexible sizing, theming, and responsiveness? Check.
During this session, Nathan and Kevin will demo how to a designer and developer pair to deliver a new web component to a growing catalog. Using existing visual style, buttons, headers, and icons, we'll design and code a card component on stage. We’ll work in tandem to scaffold up design assets and code in real time while synchronizing naming and API. We'll adjust design tokens, slot content, run tests, "unexpectedly" break things, demo accessibility, cope with ShadowDOM, author doc, and release the component, all in 45 minutes. Buckle your seatbelts and get ready for a ride on the system express!
- On Twitter