My first design system: 120 components in 6 weeks
3 replies · 235 views
After six weeks of evenings, I've published my first design system as a community file: 120 components, light and dark modes, all built on variables.
What I learned:
Start with tokens, not components.
Name variables for purpose (
surface/raised), never for colour (grey-100).Document as you go. I didn't, and the last week was pain.
Feedback very welcome!
Mika TanakaAuthor
Suggested topics
- Show your work: animated type with shader fills1 reply
- Nested text styles: let a style inherit from another4 replies
- How to clear "used variables" that no longer exist in the file?7 replies
- Showcase: a dashboard kit with 40 chart components1 reply
- New Kitebox Motion basics video: custom easing curves1 reply