Penpot MCP Server

Penpot MCP Server is an MCP server that connects AI language models to the Penpot open-source design and prototyping platform. Built for UI/UX designers, frontend developers, and product teams, it provides tools and resources to inspect design files, extract component trees, and export visual assets directly through LLM interfaces. The server interfaces with Penpot's API to fetch real-time workspace data, query project structures, and retrieve cached file details. By exposing Penpot endpoints via the Model Context Protocol, the server allows AI assistants to review interface hierarchies, assess compliance against design systems, and assist in design-to-code translations without requiring manual file exports. Users can query their design projects using natural language to find specific elements, retrieve component dimensions, inspect styling attributes, and generate structured documentation across cross-functional product workflows.

Category: Design, Media & Creative

Tags: automation, design, penpot, prototyping, ui-ux

Visit Penpot MCP Server

How to install and configure Penpot MCP Server

1. Ensure Python 3.12+ is installed on your system. 2. Install the package using pip or uv: bash pip install penpot-mcp 3. Add the server configuration to your Claude Desktop configuration file (claude_desktop_config.json) or Cursor settings: json { "mcpServers": { "penpot": { "command": "uvx", "args": ["penpot-mcp"], "env": { "PENPOT_API_URL": "https://design.penpot.app/api", "PENPOT_USERNAME": "your_penpot_username", "PENPOT_PASSWORD": "your_penpot_password" } } } } 4. Restart your MCP client to load the Penpot integration.

What you can do with Penpot MCP Server

• Listing projects and browsing file trees within a Penpot workspace using natural language queries inside Claude or Cursor. - Inspecting design object trees to analyze UI hierarchies, component properties, and layout alignments during design reviews. - Exporting selected Penpot components or design objects as image files programmatically through MCP tool calls. - Searching Penpot design files by element name to quickly locate shared design system components across repositories. - Verifying design system token consistency and generating documentation for UI elements directly from Penpot design files.

Key facts

• Open Source
• https://github.com/montevive/penpot-mcp
• Design, Media & Creative, Developer Tools & Code Intelligence
• automation, design, penpot, prototyping, ui-ux

Part of MCP Servers

What can Penpot MCP Server do?

Penpot MCP Server exposes tools to list projects, fetch files, retrieve object trees, search components by name, and export design objects as images. It also provides resources for server information, API schemas, tree schemas, and cached files so AI models can review and analyze Penpot designs.

How do I install Penpot MCP Server?

You can install Penpot MCP Server using pip with pip install penpot-mcp, run it directly via uvx penpot-mcp, or clone the repository from GitHub and install it with uv sync. It requires Python 3.12 or newer and valid Penpot credentials.

Which MCP clients work with Penpot MCP Server?

The server works with any MCP-compliant client. It includes documented integration setups for Claude Desktop and Cursor IDE, and can also be tested using MCP CLI Monitor or the Model Context Protocol Inspector.

Is Penpot MCP Server open source?

Yes, Penpot MCP Server is open-source software released under the MIT license. You can view the source code, contribute, and track issues on GitHub.

How do I handle Cloudflare authentication issues with Penpot?

If requests to the hosted Penpot cloud are blocked by Cloudflare verification, open your browser to design.penpot.app, log in to your account, and complete any human verification challenges before running the MCP server.