登录
Penpot - 开源设计平台的AI工作流

Penpot - 开源设计平台的AI工作流

362 次浏览 1 年前 AI设计

Penpot 是开源的设计协作平台，通过免费开放的 MCP Server 连接任意 AI Agent 和 LLM，实现设计与代码的双向工作流。

访问官方网站

是什么

Penpot 是一款开源的设计与原型平台，面向设计师、开发者和 AI Agent 共同打造。与 Figma 等闭源工具不同，Penpot 的核心代码完全开放，并原生支持 Web 标准（CSS Grid、Flexbox）。其 AI 工作流通过 Penpot MCP（Model Context Protocol）Server 实现，该服务器免费且开源，允许任何 AI Agent 或大语言模型直接连接 Penpot 文件，实现设计生成、修改和代码转换。

核心功能

  • UI Design：基于 CSS Grid 和 Flex 的响应式界面设计。
  • Prototyping：交互式原型和交互动画。
  • Penpot MCP Server：开放协议，连接 Claude、Cursor 等 AI 工具。
  • Design to Code：AI Agent 读取设计文件并生成前端代码。
  • Code to Design：将代码片段或组件反向生成为设计图层。
  • AI 多向工作流：支持设计到设计、文本到设计、代码到设计等多种模式。
  • 自托管选项：可部署在自己的服务器上，完全掌控数据。
  • 插件 API：开放的插件体系，支持自定义扩展。

使用场景

场景 说明
设计与开发协作 设计师在 Penpot 中设计，开发者用 AI 直接读取并编码
AI 辅助设计 用 Claude 等 Agent 通过自然语言修改设计
企业私有化 对数据安全要求高的团队自托管 Penpot
开源项目 自由贡献代码和插件，定制专属设计工具

优势特点

  1. 完全开源：代码透明，社区驱动，无厂商锁定。
  2. Web 标准：设计基于 CSS，与前端开发天然对齐。
  3. AI 中立：MCP Server 兼容任意 LLM，不绑定特定 AI 厂商。
  4. 免费无墙：MCP Server 免费开放，无付费门槛。
  5. 跨平台：Web 端运行，支持 Windows、macOS、Linux。

Penpot 适合重视开源自由、数据主权和 AI 工作流灵活性的设计与开发团队。