Penpot

Penpot logo
An open-source design and prototyping platform with design tokens, CSS Grid layouts and a self-hosting option.
SummaryFeaturesPricingCompetitors5How to use

Penpot API

Sign in
API key. API keySource

MCP server

What it is
Official Penpot MCP; no fixed URL: remote is per-instance (https://<penpot-domain>/mcp/stream?userToken=KEY, design.penpot.app for SaaS) and local runs on localhost:4401.

Checked on 2026-10-10 in the developer documentation.

How to automate Penpot

API and webhooks

Penpot offers an open API, access tokens for authentication and outbound webhooks that notify other apps when a file is created or updated or a comment is added. An example: send a message to Slack whenever a comment is added to a file that is in review.

MCP server

Penpot publishes an official MCP server. It has three parts: the server, a plugin inside Penpot that connects the open file, and an MCP client such as Cursor or Claude. You can use the hosted remote version, with a URL in your account integrations, or run it locally with Node.js. You authenticate with a personal MCP key. Use it to turn a design into code or to build screens from a code component library.

Native integrations

The plugin system lets developers add custom extensions, and the integrations page lists the plugin API, webhooks and the MCP server as the main routes. Check whether a ready-made connector exists for your tool before you build one.