Penpot

What is Penpot?

Interface design and prototyping in the browser, with components, design tokens and CSS layouts.

Who is Penpot best for?

Penpot is best for product designers and developers who want a Figma-style design tool they can self-host.

• Teams moving off Figma

  Penpot covers wireframes, interactive prototypes, components and shared libraries in the browser.

• Design to code handoff

  Layouts use CSS Grid and Flex, and developers inspect designs as CSS, HTML and SVG.

• Design systems

  Native design tokens, components and shared libraries keep large systems consistent.

• Agent-driven design

  An open MCP server lets AI agents create and edit designs in Penpot.

How much does Penpot cost?

Penpot is free to self-host and its cloud Professional plan is free; Unlimited costs $7 per editor a month, capped at $175, and Enterprise $25 per member a month.

Private Server, a dedicated instance with custom hosting, advanced security and enterprise support, costs $50,000 a year. Non-profit, education and open source discounts are available on request. Full pricing on penpot.app. We checked these prices on 8 Nov 2026.

How do readers rate Penpot?

No one has rated Penpot yet. Be the first.

Is Penpot open source?

Yes. Penpot's code is public under the MPL 2.0 licence, so you can run it on your own server.

Host it on a serverHostinger, Railway and Elestio set it up on a server for you with a one-click install.

Hosting with

How do I connect Penpot to my AI agent?

Penpot MCP is Penpot's official MCP server. Add it to your agent once, then ask it to edit Penpot files, components and design tokens by prompt.

Your agent can read and change your Penpot files, from components and styles to tokens, pages and layers, which helps with design work and keeping files tidy.

Claude CodeCursorCodexGitHub Copilot

Terminal

$ claude mcp add penpot -- npx @penpot/mcp@stable

It runs on your computer, so Claude Code starts it when it needs it.

Penpot's setup guide covers the sign-in.

Then ask your agent

• Create spacing tokens for our design system
• Rename layers on the Home page to match our names
• Turn this button into a component with variants

Runs

On your computer

Sign-in

See guide

Maker

Penpot

Guide

help.penpot.app

What are the best Penpot alternatives?

Penpot is an open source alternative to Figma, pen.dev, Sketch and Paper. OpenPencil and Grida do the same job and are open source too.

FigmaFree

Collaborative interface design tool where teams and AI agents build with a shared design system.

pen.devFree

Free design canvas that plugs into Claude Code, Codex and Cursor, formerly Pencil.

SketchFreemium

Native macOS editor for product designers, with local files, live co-editing and free dev inspect.

PaperFree

Design app whose frames are real web code, so designers and coding agents work on one file.

OpenPencilOpen Source

Design editor that opens Figma files, with an AI chat, a CLI and an MCP server for agents.

GridaOpen Source

Desktop app for designing visuals, generating images and building decks, with files kept locally.

Questions about Penpot