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.

Read more! 👉 penpot.app/design-tokens

How do Penpot design tokens bridge design and code? They bring consistency by cutting down redundant decisions, acting as the single source of truth for visual elements across design systems. With import/export capabilities, you can reuse and sync visual elements across tools using a standard format. As an open-source solution, Penpot follows the most standardized approach available (W3C DTCG), ensuring compatibility across multiple tools and technologies. It is also the first design tool with built-in tokens, providing a seamless and efficient design environment. Penpot enables a shared common language, allowing designers and developers to work with the same logic and structure, bridging the gap between design and code.

Penpot Design Tokens: Small decisions to master complexity

Penpot is the free open-source design tool for Design & Code collaboration.

Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more.

Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect.

Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster.

Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available.

Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org

Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot

Penpot: Design as code.