photon
★ 100
vs
plumb-mcp
★ 83
photon vs plumb-mcp
photon：Photon 允许你用 TypeScript 一次定义逻辑，并自动通过三种接口公开：用于 AI 代理的 MCP 服务器、用于自动化的 CLI 工具和面向人类的 Web 界面。它通过从代码中推导工具定义、验证和 UI 来消除样板代码，使构建和部署多界面应用变得简单。；plumb-mcp：Plumb 是一个带验证循环的 Figma 到代码 MCP 服务器。它通过桌面插件读取 Figma（无速率限制，Free 计划也可用），输出紧凑规范化设计规范（PDS）而非巨大 JSON tokens。独特的验证工具驱动无头 Chrome 对比渲染代码与原始设计，形成代码质量闭环。
01
简评
photonVision / Multimodal · ★ 100
构建支持 MCP 协议的 AI 代理工具
plumb-mcpVision / Multimodal · ★ 83
编码代理（Claude Code、Cursor、Windsurf）根据 Figma 设计生成 UI，并通过验证确保像素级完美实现。
02
并排对比
03
功能特性
photon01从方法签名自动生成 Web 界面
02一个源文件生成 MCP 服务器、CLI 和 UI
03内置支持 OAuth、计划任务、Webhook 和分布式锁
04通过 Bun 编译为独立可执行文件
05无需基础设施即可实现实时事件和持久化内存
plumb-mcp01无速率限制：通过插件 API 读取 Figma，绕过 REST 配额和计划限制。
02紧凑规范（PDS）：去重设计标记并解析自动布局为 flexbox，减少 token 数量 1–2 个数量级。
03验证循环：`plumb_verify` MCP 工具和 CLI 比较渲染代码与 Figma 设计，输出结构化差异。
04十二个 MCP 工具：大纲、节点、标记、资源、截图、验证、搜索、组件等。
05两种数据路径：插件（无需 token，实时）和 REST（无头/CI，需要 token）。
04
使用场景
photon↳构建支持 MCP 协议的 AI 代理工具
↳通过简单的 TypeScript 类创建 CLI 自动化脚本
↳无需前端编码即可为内部工具开发 Web 仪表盘
plumb-mcp↳编码代理（Claude Code、Cursor、Windsurf）根据 Figma 设计生成 UI，并通过验证确保像素级完美实现。
↳CI/CD 管道使用 `plumb-mcp verify` CLI 自动验证前端代码符合设计规范。
↳开发者需要从 Figma 提取结构化设计标记、SVG 图标和 PNG 资源，无速率限制或计划限制。
FAQ
常见问题
photon 和 plumb-mcp 有什么区别？
photon 和 plumb-mcp 都属于 Vision / Multimodal 类别。photon 有 100 Stars，plumb-mcp 有 83 Stars。
photon 和 plumb-mcp 哪个更好？
最佳选择取决于你的具体需求。构建支持 MCP 协议的 AI 代理工具 时选 photon，编码代理（Claude Code、Cursor、Windsurf）根据 Figma 设计生成 UI，并通过验证确保像素级完美实现。 时选 plumb-mcp。
photon 是免费的吗？
是的，photon 在 GitHub 开源（MIT）。
plumb-mcp 是免费的吗？
是的，plumb-mcp 在 GitHub 开源（MIT）。
推荐云部署
Ad在 DigitalOcean 上一键部署
为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器，新用户立享 $200 免费额度（60天有效）。
→