Penpot
DesignDesign and prototype interfaces your developers can build from.
Penpot is a design platform built around open standards and ownership. Designers and developers work in the same files, layouts behave like CSS, and teams can host the whole platform themselves instead of keeping their design system in someone else's cloud.
- Design with native design tokens, components and variants as one source of truth.
- Build responsive layouts with CSS Grid and Flex that behave like real code.
- Hand off through inspect mode, plugins, an open API and an MCP server.
What people use it for
Build and maintain a design system
Define design tokens, components and variants once, then reuse them across projects so colours, typography and spacing stay consistent between design and code.
Prototype a responsive interface
Lay out screens with CSS Grid and Flex, work on them in real time with other designers, and share an interactive prototype for feedback.
Hand a design over to developers
Developers open the same file in inspect mode to copy SVG, CSS and HTML, or connect the design to code and AI tools through the API and MCP server.