The designs tokens starter kit I created is now downloadable from the Penpot Hub
I created this set based on the last couple of months playing with design tokens in Penpot and design systems I’ve built for real life projects. It contains 531 design tokens in action! Including:
- 11 border radius tokens
- 425 color tokens
- 18 dimension tokens
- 14 opacity tokens
- 11 rotation tokens
- 27 sizing tokens
- 5 stroke width tokens
- 20 spacing tokens
Themes:
- Global Density: Compact, Comfortable, Spacious
- Color mode: Light, dark
- Color theme: Vibrant, muted
You can see how different token types can be applied in the demo boards on each page, play with design tokens without having to create your own, or use this starter kit as a starting point for your own design system. (Try exporting the tokens from the Tools at the end of the Tokens panel and importing them into another file!)
Let me know if you have any feedback on these tokens. I intend to update this kit for future Penpot design token updates.