Penpot Mcp

Created By
montevivea year ago
Penpot MCP is a revolutionary Model Context Protocol (MCP) server that bridges the gap between AI language models and Penpot, the open-source design and prototyping platform. This integration enables AI assistants like Claude (in both Claude Desktop and Cursor IDE) to understand, analyze, and interact with your design files programmatically. 🎯 Key Benefits 🤖 AI-Native Design Analysis: Let Claude AI analyze your UI/UX designs, provide feedback, and suggest improvements ⚡ Automated Design Workflows: Streamline repetitive design tasks with AI-powered automation 🔍 Intelligent Design Search: Find design components and patterns across your projects using natural language 📊 Design System Management: Automatically document and maintain design systems with AI assistance 🎨 Cross-Platform Integration: Works with any MCP-compatible AI assistant (Claude Desktop, Cursor IDE, etc.)
Overview

What is Penpot MCP?

Penpot MCP is a revolutionary Model Context Protocol (MCP) server that connects AI language models with Penpot, an open-source design and prototyping platform, allowing AI assistants to programmatically analyze and interact with design files.

How to use Penpot MCP?

To use Penpot MCP, install it via PyPI or from source, configure your Penpot credentials in a .env file, and run the MCP server using the command uvx penpot-mcp. You can then integrate it with AI assistants like Claude Desktop or Cursor IDE.

Key features of Penpot MCP?

  • AI-Native Design Analysis: Analyze UI/UX designs and receive feedback.
  • Automated Design Workflows: Streamline repetitive tasks with AI automation.
  • Intelligent Design Search: Use natural language to find design components.
  • Design System Management: Automatically document and maintain design systems.
  • Cross-Platform Integration: Works with any MCP-compatible AI assistant.

Use cases of Penpot MCP?

  1. Automating design reviews for accessibility and usability.
  2. Generating documentation for design systems.
  3. Syncing design tokens and code components for developers.
  4. Enhancing collaboration through AI-powered feedback.

FAQ from Penpot MCP?

  • Can Penpot MCP work with any AI assistant?

Yes, it is compatible with any MCP-compatible AI assistant like Claude Desktop and Cursor IDE.

  • Is Penpot MCP free to use?

Yes, it is open-source and free to use.

  • What are the prerequisites for using Penpot MCP?

You need Python 3.12+, a Penpot account, and optionally Claude Desktop or Cursor IDE for AI integration.

Server Config

{
  "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"
      }
    }
  }
}
Project Info
Created At
a year ago
Updated At
a year ago
Author Name
montevive
Star
-
Language
-
License
-

Recommend Servers

View All
Tavily Mcp
@tavily-ai

JavaScript
a year ago
Bring your real authenticated browser session to AI coding agents. Local-first MCP server + Chrome MV3 extension. No cloud. No telemetry.
@Cubenest

peek records the user's actual logged-in browser (DOM via rrweb, console events, network metadata, optional response bodies via opt-in Deep capture) through a Chrome MV3 extension. The extension ships events through a native-messaging stdio bridge to a local MCP server (peek-mcp), which persists them to a SQLite database at ~/.peek/sessions.db. AI coding agents (Claude Code, Cursor, Cline, Windsurf) read sessions from the database via 10 MCP tools: Tool What it does list_recent_sessions List recently recorded sessions (id, origin, ts, event count). get_session_summary LLM-readable narrative summary of a session. get_session_console_errors Console errors recorded in a session. get_session_network_errors Failed/notable network requests in a session. get_user_action_before_error Last N user actions before a console error. generate_playwright_repro Generate a runnable Playwright test from a session. get_dom_snapshot Reconstruct the DOM at a given timestamp. query_dom_history Timeline of attribute/text changes for a selector. request_authorization Side-panel consent for write actions (Level 3). execute_action Dispatch a UI action (gated by permission level + destructive blocklist). Why local-first matters Every other "browser session for AI" tool ships to a vendor cloud. peek's SQLite + extension live on the user's machine — no remote endpoints, no telemetry. The privacy policy (docs/peek/PRIVACY_POLICY.md) is the source of truth. Install # 1. Add the MCP server to Claude Code claude mcp add peek -- npx -y @peekdev/mcp # 2. Install the Chrome extension from the Chrome Web Store # (link added once the CWS listing is approved)

a day ago