Penpot

What is Penpot?

Penpot is an open-source design and prototyping platform for design and development teams. It builds on open standards such as CSS, HTML, SVG and JSON, and can be self-hosted. The vendor positions it for designers, developers and AI agents.

Key features of Penpot

• UI design: wireframes, interactive prototypes and responsive layouts using CSS Grid and Flex.
• Design systems: reusable components, native design tokens and shared libraries.
• Code tools: inspection and integration based on open standards and an open file format.
• AI workflows: connect agents and LLMs for code-to-design and design-to-code work.
• MCP Server: an open MCP server that lets AI agents design in Penpot.
• Plugins: extend Penpot through PenpotHub.

How Penpot works

Teams design in the browser, with layouts that use real CSS layout rules so developers can inspect and reuse them. Components and tokens are shared through libraries, and prototypes are linked for review.

Who uses Penpot?

Product designers, front-end developers and teams that prefer open-source tools or need to self-host. Organizations with governance needs can use the Enterprise plan or a Private Server.

Penpot pricing

Penpot has four plans: Professional is free with no limits on tools, Unlimited is $7 per editor per month capped at $175 per month, Enterprise is $25 per member per month, and Private Server is $50,000 per year. Unlimited and Enterprise include a 14-day free trial, and nonprofit, education and open-source discounts are available on request.

Penpot integrations

Penpot offers an integration and API offering, an open MCP server and plugins through PenpotHub. It supports exporting and working with SVG, CSS, HTML and JSON.

Penpot alternatives

Figma is the best-known design tool and is proprietary, whereas Penpot is open source and can be self-hosted. Framer focuses on publishing sites, while ProtoPie and Axure RP focus on advanced interactive prototypes.