Explore all our resources on Design Tokens and become a master
Learn more
Penpot: Design Tokens
Small decisions to master complexity
Penpot is the first tool to integrate native design tokens. A single source of truth to improve efficiency and collaboration between product design and development.
Penpot design tokens: highlights
Consistency
Cut down redundant decisions. Design tokens act as the single source of truth for visual elements ensuring consistency across design systems.
Import/export
Reuse and sync visual elements across tools with a standard format. Bring your design tokens to Penpot!
Open Source
Penpot follows the most standardized approach available for design tokens (W3C DTCG). Compatibility across multiple tools and technologies guaranteed!
Built-In tokens
Penpot is the first design tool to offer native support for design tokens, providing a more efficient and connected design environment.
Shared common language
Finally, designers and developers are using the same language, bridging the gap between code and design. Same logic, same structure.
Easy documentation
Super useful! Inspect, copy, and generate annotations with all applied tokens. Whether at the component level or for an entire board.
Design tokens: key applications
Watch the full video on our Penpot Youtube channel
Multiple design decisions
Use design tokens to create different modes and themes across your designs.
Border radius
Color
Dimensions
Opacity
Sizing
Spacing
Stroke width
Rotation
Typography
Shadows
Gradients
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Coming soon
Coming soon
Not available yet
More resources on Design Tokens
Starter kit
Start your design system with more than 500 design tokens available in this template.
Go to template
Color token plugin
Easily create consistent color palettes with optional tints/shades for each token.
Go to palette generator plugin
Converter
Convert design token files & directories into a Penpot suitable format (By Tokens Studio).
Go to converter
Libraries & Templates
Create, share or download a wide range of templates or libraries. Use them in your Penpot projects.
Our vibrant community champions open design-and-code collaboration.
Contributions
Help each other with code contributions, design templates, translations, new feature ideas and more.
Penpot Fest
The conference where designers and developers come together to create a collaboration without constraints.
Try Design Tokens
Designers and Developers
love Penpot
Stay in the loop
