figwright
★ 1.1k
vs
DebugMCP
★ 573
figwright vs DebugMCP
figwright：Figwright使AI代理能够双向与Figma交互，支持将设计选择转换为框架感知的代码，并直接在画布上创建或编辑设计。它通过MCP服务器和Figma插件之间的本地WebSocket中继运行，无需Figma开发者模式或付费层级即可使用。；DebugMCP：DebugMCP 赋予 AI 编码助手对 VS Code 调试器的完全控制权，使其能够自主设置断点、单步执行代码、检查变量和评估表达式。它完全本地运行，无需任何配置，并与任何兼容 MCP 的 AI 助手在多种编程语言中无缝协作。
01
简评
figwrightDev Tooling · ★ 1.1k
直接从Figma选区生成框架感知的代码（例如React组件）。
DebugMCPDev Tooling · ★ 573
通过让 AI 智能体直接与调试器交互，自动化代码问题的根本原因分析。
02
并排对比
03
功能特性
figwright01免费使用，无需Figma开发者模式或付费订阅。
02双向交互，支持读取设计和直接写入画布。
03优先考虑提供者代码生成，适应现有技术栈和组件。
04兼容任何MCP客户端（例如Claude Code、Cursor）。
05开放可扩展的架构，支持通过可安装的技能定制工作流。
DebugMCP01AI 驱动的调试功能，包括设置断点、单步执行代码、检查变量和评估表达式。
02跨代理的“实时调试”技能安装，用于系统化调试工作流，可被多种 AI 代理框架发现。
03支持在没有断点的情况下暂停正在运行的程序，以便检查程序状态。
04通过 VS Code 测试 API 实现的健壮调试，确保在各个测试用例中断点命中一致。
05安全的通信、本地操作、状态验证和敏感信息（secrets）匿名化，以增强可靠性和隐私性。
04
使用场景
figwright↳直接从Figma选区生成框架感知的代码（例如React组件）。
↳通过自然语言描述或代码在画布上构建或编辑Figma设计。
↳集成AI代理以自动化设计实现和迭代过程。
↳为AI模型创建丰富的设计上下文，连接Figma数据与代码库组件。
DebugMCP↳通过让 AI 智能体直接与调试器交互，自动化代码问题的根本原因分析。
↳通过 VS Code 测试 API 启动测试，简化不同语言的单元测试调试。
↳使 AI 智能体能够有效地理解复杂应用程序的执行流程、变量状态和表达式。
↳为 AI 助手提供交互式调试体验，模拟人类开发人员在 VS Code 中的工作流程。
↳通过在任何时候暂停执行来检查状态，诊断繁忙循环或嵌入式系统中的问题。
05
适合场景
figwright必备神器
DebugMCP时下流行宝藏工具
FAQ
常见问题
figwright 和 DebugMCP 有什么区别？
figwright 和 DebugMCP 都属于 Dev Tooling 类别。figwright 有 1.1k Stars，DebugMCP 有 573 Stars。
figwright 和 DebugMCP 哪个更好？
最佳选择取决于你的具体需求。直接从Figma选区生成框架感知的代码（例如React组件）。 时选 figwright，通过让 AI 智能体直接与调试器交互，自动化代码问题的根本原因分析。 时选 DebugMCP。
figwright 是免费的吗？
是的，figwright 在 GitHub 开源（MIT）。
DebugMCP 是免费的吗？
是的，DebugMCP 在 GitHub 开源（MIT）。
推荐云部署
Ad在 DigitalOcean 上一键部署
为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器，新用户立享 $200 免费额度（60天有效）。
→