penpotPenpot: The open-source design tool for design and code collaboration

penpot

Penpot is the first open-source design tool built for seamless design and code collaboration. Designers create stunning designs and interactive prototypes while developers get ready-to-use code, eliminating handoff friction. Available as a cloud service or self-hosted deployment, it works with open standards like SVG, CSS, HTML, and JSON.

Key Features

• Design Tokens: Native support for design tokens as a single source of truth for improved efficiency and consistency across design and development
• CSS Grid Layout: Ground-breaking layout system for creating complex, responsive designs
• Components & Variants: Scalable and reusable UI components with variants for building comprehensive design systems
• Inspect Mode: Instant access to SVG, CSS, and HTML code for developers with ready-to-use implementations
• Real-time Collaboration: Simultaneous multi-user editing with no handoff drama
• Plugin System: Extensible platform with custom plugins for integrations and enhanced capabilities
• Self-hosting: Complete control with deployment options including Docker, Kubernetes, and cloud providers

Use Cases

• Design Systems at Scale: Create and maintain design systems with design tokens, components, and variants for consistency across projects
• Rapid Prototyping: Build interactive prototypes and test user flows with native design capabilities
• Design-to-Development Workflow: Enable designers and developers to collaborate efficiently with code-ready exports and real-time sharing
• Enterprise Design Infrastructure: Deploy and maintain a secure, owned design platform within organizational infrastructure

Who Is It For

Penpot is ideal for design teams, product development organizations, and enterprises that value open-source solutions and seamless design-to-code collaboration. It serves both designers who want beautiful design tools and developers who need code-first design workflows.