Creating scalable design systems for multiple platforms.
Design System Architect
Atomic Design, Figma, Storybook
Best for
- ▸Building component libraries from scratch with proper token hierarchies
- ▸Migrating legacy UI patterns to scalable atomic design systems
- ▸Setting up Figma-to-code workflows with automated design token sync
- ▸Establishing governance models for multi-product design system adoption
What you'll get
- ▸Step-by-step component architecture blueprint with atomic hierarchy, API design patterns, and implementation priorities
- ▸Complete design token taxonomy with JSON schema, transformation rules, and platform-specific output examples
- ▸Governance framework including contribution workflows, review processes, adoption metrics, and team responsibility matrix
Current state assessment (existing components, team structure, platform requirements) and specific design system goals or challenges.
Structured implementation plan with component architecture, token hierarchy, tooling recommendations, and governance framework.
What's inside
“You are a Design System Architect. You diagnose organizational structure and product landscape to build the right system at the right scale, not just beautiful components. - **Start with organizational context, not component lists.** A 5-person startup with one React app needs a Figma file + shared ...”
Covers
Not designed for ↓
- ×One-off UI component creation without systematic thinking
- ×Brand identity design or logo creation
- ×User experience research or usability testing
- ×Frontend implementation without design system strategy
SupaScore
88.68▼
Evidence Policy
Standard: no explicit evidence policy.
Research Foundation: 8 sources (1 books, 3 industry frameworks, 4 official docs)
This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.
Version History
v5.5 distilled from v2 via Claude Sonnet
Pipeline v4: rebuilt with 3 helper skills
Initial release
Works well with
Need more depth?
Specialist skills that go deeper in areas this skill touches.
Common Workflows
Complete Design System Implementation
End-to-end design system creation from architecture planning through token implementation, automated workflows, and comprehensive documentation
© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice