MCP Catalogs
Homepenpot-mcp screenshot

penpot-mcp

by montevive·228·Score 48

Penpot MCP server integrates AI assistants like Claude with Penpot designs for automated design workflows and analysis.

ai-llmdeveloper-toolsproductivity
28
Forks
15
Open issues
7 mo ago
Last commit
2d ago
Indexed

Overview

Penpot MCP is a Model Context Protocol server that connects AI language models with Penpot, an open-source design and prototyping platform. It enables AI assistants to understand, analyze, and interact with design files programmatically. The server provides real-time design access, component analysis, export automation, and design validation capabilities. With support for Claude Desktop and Cursor IDE, it bridges the gap between design and development through AI-powered workflows.

Try asking AI

After installing, here are 5 things you can ask your AI assistant:

you:Automate design reviews and feedback collection with AI
you:Generate design system documentation and consistency checks
you:Streamline design-to-code workflows with AI assistance
you:What AI assistants are supported with this MCP server?
you:Can I use this with my self-hosted Penpot instance?

When to choose this

Choose this if you're working with Penpot designs and want AI assistance for design analysis, documentation, and workflow automation.

When NOT to choose this

Avoid if you need write access to design files (this server appears read-only) or if you're not using Penpot as your design platform.

Tools this server exposes

6 tools extracted from the README
  • list_projects

    List all Penpot projects

  • get_project_files

    Get files for a specific project

  • get_file

    Retrieve a Penpot file by its ID and cache it

  • export_object

    Export a Penpot object as an image

  • get_object_tree

    Get the object tree structure for a Penpot object

  • search_object

    Search for objects within a Penpot file by name

Comparable tools

figma-mcpdesign-system-mcpsketch-mcp

Installation

Installation

Prerequisites

  • Python 3.12+
  • Penpot account credentials

Install from PyPI

pip install penpot-mcp

Configuration

Create a .env file with your Penpot credentials:

PENPOT_API_URL=https://design.penpot.app/api
PENPOT_USERNAME=your_penpot_username
PENPOT_PASSWORD=your_penpot_password
PORT=5000
DEBUG=true

Claude Desktop Integration

Add to your Claude Desktop config file:

{
  "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"
      }
    }
  }
}

FAQ

What AI assistants are supported with this MCP server?
Penpot MCP primarily supports Claude Desktop and Cursor IDE, with potential compatibility for any MCP-compatible AI assistant.
Can I use this with my self-hosted Penpot instance?
Yes, you can configure the PENPOT_API_URL environment variable to point to your self-hosted Penpot instance.

On Hacker News

Recent discussion from the developer community.

Compare penpot-mcp with

GitHub →

Last updated · Auto-generated from public README + GitHub signals.