pixelpanda-mcp
★ 21
vs
plumb-mcp
★ 83
pixelpanda-mcp vs plumb-mcp
pixelpanda-mcp:PixelPanda MCP Server提供33个工具,分为三个层级:免费本地图像编辑、免费AI工具(每日3次)和付费专业工具。它可与Claude Desktop、Cursor等MCP兼容客户端集成,提供从基本图像操作到AI产品摄影的功能。;plumb-mcp:Plumb 是一个带验证循环的 Figma 到代码 MCP 服务器。它通过桌面插件读取 Figma(无速率限制,Free 计划也可用),输出紧凑规范化设计规范(PDS)而非巨大 JSON tokens。独特的验证工具驱动无头 Chrome 对比渲染代码与原始设计,形成代码质量闭环。
01
简评
pixelpanda-mcpVision / Multimodal · ★ 21
调整和压缩图像用于网页
plumb-mcpVision / Multimodal · ★ 83
编码代理(Claude Code、Cursor、Windsurf)根据 Figma 设计生成 UI,并通过验证确保像素级完美实现。
02
并排对比
03
功能特性
01本地图像处理工具(调整大小、裁剪、旋转等)
02免费AI工具(背景移除、放大、文字去除)
03产品摄影和虚拟试穿的专业工具
04基于积分的定价,专业工具无需订阅
05与多个MCP兼容客户端集成
01无速率限制:通过插件 API 读取 Figma,绕过 REST 配额和计划限制。
02紧凑规范(PDS):去重设计标记并解析自动布局为 flexbox,减少 token 数量 1–2 个数量级。
03验证循环:`plumb_verify` MCP 工具和 CLI 比较渲染代码与 Figma 设计,输出结构化差异。
04十二个 MCP 工具:大纲、节点、标记、资源、截图、验证、搜索、组件等。
05两种数据路径:插件(无需 token,实时)和 REST(无头/CI,需要 token)。
04
使用场景
↳调整和压缩图像用于网页
↳移除产品照片背景用于电商
↳使用AI生成产品照片和试穿效果
↳编码代理(Claude Code、Cursor、Windsurf)根据 Figma 设计生成 UI,并通过验证确保像素级完美实现。
↳CI/CD 管道使用 `plumb-mcp verify` CLI 自动验证前端代码符合设计规范。
↳开发者需要从 Figma 提取结构化设计标记、SVG 图标和 PNG 资源,无速率限制或计划限制。
FAQ
常见问题
pixelpanda-mcp 和 plumb-mcp 有什么区别?
pixelpanda-mcp 和 plumb-mcp 都属于 Vision / Multimodal 类别。pixelpanda-mcp 有 21 Stars,plumb-mcp 有 83 Stars。
pixelpanda-mcp 和 plumb-mcp 哪个更好?
最佳选择取决于你的具体需求。调整和压缩图像用于网页 时选 pixelpanda-mcp,编码代理(Claude Code、Cursor、Windsurf)根据 Figma 设计生成 UI,并通过验证确保像素级完美实现。 时选 plumb-mcp。
pixelpanda-mcp 是免费的吗?
是的,pixelpanda-mcp 在 GitHub 开源。
plumb-mcp 是免费的吗?
是的,plumb-mcp 在 GitHub 开源(MIT)。
推荐云部署
Ad在 DigitalOcean 上一键部署
为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器,新用户立享 $200 免费额度(60天有效)。
→