Penpot MCP

What it does

Penpot MCP bridges the gap between AI language models and Penpot, the open-source design and prototyping platform. It allows AI assistants to programmatically understand, analyze, and interact with UI/UX design files, enabling a seamless design-to-code workflow.

Tools

• list_projects: List all Penpot projects in the account.
• get_project_files: Retrieve all files associated with a specific project.
• get_file: Retrieve a specific Penpot file by ID and cache it for analysis.
• export_object: Export a design object as an image for visual reference.
• get_object_tree: Extract the hierarchical object tree structure of a design element.
• search_object: Find specific objects within a Penpot file using natural language.

Installation

Add the following to your claude_desktop_config.json:

{
  "mcpServers": {
    "penpot": {
      "command": "uvx",
      "args": ["penpot-mcp"],
      "env": {
        "PENPOT_API_URL": "https://design.penpot.app/api",
        "PENPOT_USERNAME": "your_username",
        "PENPOT_PASSWORD": "your_password"
      }
    }
  }
}

Supported hosts

• Claude Desktop
• Cursor