Mini Design System
Build a 30-component Figma design system with tokens, variants, and proper accessibility annotation.
FigmaStorybook (for engineering counterpart)
About this project
Design systems are how senior designers ship at scale. This project teaches: design tokens (color, type, spacing), component API design, variant management, and accessibility annotation. Build a real, useable system in Figma and ship a Storybook of the same components.
Why build this in 2026?
Design systems experience is a top-3 hiring filter for senior designer roles.
What you'll ship
- Figma file (public or shared)
Storybook (engineering counterpart)
Documentation (read-me, contribution guide)
Sign up to see the full project brief
Full deliverables, success criteria, and AI Career Tutor support — free.
You'll unlock:Complete project brief, AI tutor that knows this project, and progress tracking when you start.
Skills you'll practice
user interfacedesign systemsaccessibilityfigma