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.
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
Numbers
Shadows
Gradients
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
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 converterStay in the loop
