MCP Catalogs
首页penpot-mcp screenshot

penpot-mcp

by montevive·228·综合分 48

Penpot MCP 服务器将 AI 助手如 Claude 与 Penpot 设计集成,实现自动化设计工作流程和分析。

ai-llmdeveloper-toolsproductivity
28
Forks
15
活跃 Issue
7 个月前
最近提交
2 天前
收录于

概述

Penpot MCP 是一个模型上下文协议 (MCP) 服务器,将 AI 语言模型与 Penpot(开源设计和原型制作平台)连接起来。它使 AI 助手能够以编程方式理解、分析和交互设计文件。该服务器提供实时设计访问、组件分析、导出自动化和设计验证功能。通过支持 Claude Desktop 和 Cursor IDE,它通过 AI 驱动的工作流程弥合设计和开发之间的差距。

试试问 AI

装完之后,这里有 5 个你可以让 AI 做的事:

:使用 AI 自动化设计评审和反馈收集
:生成设计系统文档并进行一致性检查
:通过 AI 辅助简化设计到代码的工作流程
:哪些 AI 助手支持此 MCP 服务器?
:我可以将其与我自托管的 Penpot 实例一起使用吗?

什么时候选它

如果您使用 Penpot 设计并希望获得 AI 辅助进行设计分析、文档编制和工作流自动化,请选择此工具。

什么时候不要选它

如果您需要写入设计文件权限(此服务器似乎是只读的)或者不使用 Penpot 作为设计平台,请避免使用。

此 server 暴露的工具

从 README 抽取出 6 个工具
  • 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

可对比工具

figma-mcpdesign-system-mcpsketch-mcp

安装

安装

前置条件

  • Python 3.12+
  • Penpot 账户凭证

从 PyPI 安装

pip install penpot-mcp

配置

创建包含您的 Penpot 凭证的 .env 文件:

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

Claude Desktop 集成

添加到您的 Claude Desktop 配置文件:

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

哪些 AI 助手支持此 MCP 服务器?
Penpot MCP 主要支持 Claude Desktop 和 Cursor IDE,可能与任何兼容 MCP 的 AI 助手兼容。
我可以将其与我自托管的 Penpot 实例一起使用吗?
是的,您可以将 PENPOT_API_URL 环境变量配置为指向您的自托管 Penpot 实例。

Hacker News 讨论

开发者社区最近的相关讨论。

penpot-mcp 对比

GitHub →

最后更新于 · 由 README + GitHub 公开数据自动生成。