WORKSHOP
BUILDER'S DAY
About this Workshop
This workshop will guide you through a structured process for creating high-quality components in a design system while ensuring a smooth and effective handoff to engineers. You’ll learn how to balance documentation depth, making key component functions clear without overwhelming your team. The session will cover the full component creation workflow—from design exploration to defining properties, behavior, and accessibility—while also addressing motion specs, tokens, theming, and handoff best practices.
What you’ll learn
How to create a component with proper context, ensuring it fits real user needs.
How to use the Component Completeness Canvas to define a component’s properties, anatomy, behavior, accessibility, RTL considerations, and content.
Best practices for managing motion specs, component-level tokens, theming, and overrides.
Why a Figma component should not be considered the source of truth for implementation.
How to balance component affordance—ensuring clarity in primary use cases while avoiding excessive complexity that reduces design ergonomics.
How this workflow benefits not only design system teams but any team working on components, making cross-functional collaboration more effective.
Who is it for?
This workshop is for designers, both from design system teams and product teams, who want to improve the way they define and deliver components. It’s also valuable for design engineers looking to enhance collaboration and ensure a clear understanding of component expectations before development.
About the Facilitator
Currently design system lead at Wolt (Doordash); previously at Klarna and startups across Europe. Digital designer for over 15 years. I enjoy solving tricky problems and making teamwork easier and faster.
