Design · Intermediate
Design Systems in Figma
Build and maintain a Figma design system that engineering teams can implement. Covers variants, auto-layout, and documentation sites.
Features
- Token architecture (color, type, space)
- Component variants and properties
- Auto-layout responsive patterns
- Documentation site export
- Dev mode handoff workflows
- Contribution guidelines
Outcomes
- Figma library with 20+ components
- Published documentation page
- Engineering handoff package
Yoo-jin Ahn
Design systems lead for two product suites.
FAQ
We reference CSS variables; full Storybook build is optional stretch goal.
Reviews
"Token naming workshop saved our team from three conflicting grays."