figwright
★ 1.1k
vs
agent-toolkit
★ 192
figwright vs agent-toolkit
figwright：Figwright使AI代理能够双向与Figma交互，支持将设计选择转换为框架感知的代码，并直接在画布上创建或编辑设计。它通过MCP服务器和Figma插件之间的本地WebSocket中继运行，无需Figma开发者模式或付费层级即可使用。；agent-toolkit：Sanity Agent Toolkit 为AI智能体与Sanity平台协同开发提供了一系列资源，通过MCP服务器直接访问Sanity项目并提供全面的最佳实践技能。它集成了Cursor和Claude Code等多种AI编辑器和智能体，简化了AI驱动开发中的内容建模、SEO和实验工作流程。
01
简评
figwrightDev Tooling · ★ 1.1k
直接从Figma选区生成框架感知的代码（例如React组件）。
agent-toolkitDev Tooling · ★ 192
在Sanity项目中进行AI驱动的内容创建和管理。
02
并排对比
03
功能特性
figwright01免费使用，无需Figma开发者模式或付费订阅。
02双向交互，支持读取设计和直接写入画布。
03优先考虑提供者代码生成，适应现有技术栈和组件。
04兼容任何MCP客户端（例如Claude Code、Cursor）。
05开放可扩展的架构，支持通过可安装的技能定制工作流。
agent-toolkit01MCP服务器提供对Sanity项目（内容、数据集、模式）和智能体规则的直接访问，无需本地文件。
02提供全面的智能体技能，涵盖Sanity开发、内容建模、SEO/AEO和内容实验的最佳实践。
03为Claude Code和Cursor等AI编辑器提供插件，捆绑了MCP服务器、智能体技能和特定命令。
04支持AI的MCP工具，用于查询、创建、修改、发布文档，部署模式，以及生成/转换图像。
05为Claude Code提供斜杠命令，如`/sanity`、`/review`、`/typegen`和`/deploy-schema`，以简化工作流程。
04
使用场景
figwright↳直接从Figma选区生成框架感知的代码（例如React组件）。
↳通过自然语言描述或代码在画布上构建或编辑Figma设计。
↳集成AI代理以自动化设计实现和迭代过程。
↳为AI模型创建丰富的设计上下文，连接Figma数据与代码库组件。
agent-toolkit↳在Sanity项目中进行AI驱动的内容创建和管理。
↳遵循最佳实践，自动化模式设计、部署和验证。
↳在AI辅助下，为结构化内容实施SEO/AEO策略。
↳辅助内容实验、A/B测试方法和设计。
↳将Sanity集成到各种AI智能体和开发环境中，以提高生产力。
05
适合场景
figwright必备神器
agent-toolkit—
FAQ
常见问题
figwright 和 agent-toolkit 有什么区别？
figwright 和 agent-toolkit 都属于 Dev Tooling 类别。figwright 有 1.1k Stars，agent-toolkit 有 192 Stars。
figwright 和 agent-toolkit 哪个更好？
最佳选择取决于你的具体需求。直接从Figma选区生成框架感知的代码（例如React组件）。 时选 figwright，在Sanity项目中进行AI驱动的内容创建和管理。 时选 agent-toolkit。
figwright 是免费的吗？
是的，figwright 在 GitHub 开源（MIT）。
agent-toolkit 是免费的吗？
是的，agent-toolkit 在 GitHub 开源（MIT）。
推荐云部署
Ad在 DigitalOcean 上一键部署
为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器，新用户立享 $200 免费额度（60天有效）。
→