figwright logo
figwright
★ 1.1k
vs
tesseron logo
tesseron
★ 21

figwright vs tesseron

figwright:Figwright使AI代理能够双向与Figma交互,支持将设计选择转换为框架感知的代码,并直接在画布上创建或编辑设计。它通过MCP服务器和Figma插件之间的本地WebSocket中继运行,无需Figma开发者模式或付费层级即可使用。;tesseron:Tesseron 是一个可访问性层,允许兼容 MCP 的 AI 代理通过应用程序定义的类型化操作来驱动实时应用程序。它为代理提供了一个健壮的、与框架无关的 API,用于与真实应用程序状态交互,而无需依赖 UI 抓取或脆弱的浏览器自动化。

01

简评

figwright logo
figwrightDev Tooling · ★ 1.1k

直接从Figma选区生成框架感知的代码(例如React组件)。

tesseron logo
tesseronAPI Integration · ★ 21

使AI代理能够在基于浏览器的Web应用程序中执行复杂操作。

02

并排对比

字段
figwright logofigwright
tesseron logotesseron
分类
开发者工具
API 集成
Stars
★ 1.1k
★ 21
许可证
MIT
NOASSERTION
安装方式
npx -y @figwright/mcp@latest
npm install @tesseron/web zod
更新时间
1天前
2周前
开源
是
是
标签
Figma自动化, AI代理, 设计到代码
AI代理, WebSocket, API集成
03

功能特性

figwright logofigwright
01免费使用,无需Figma开发者模式或付费订阅。
02双向交互,支持读取设计和直接写入画布。
03优先考虑提供者代码生成,适应现有技术栈和组件。
04兼容任何MCP客户端(例如Claude Code、Cursor)。
05开放可扩展的架构,支持通过可安装的技能定制工作流。
tesseron logotesseron
01类型化操作,实现稳健的代理交互,避免DOM抓取。
02与框架无关,支持原生TS、React、Svelte、Vue和Node。
03与模型上下文协议(MCP)原生集成,实现广泛的代理兼容性。
04简单的点击连接六字符声明码握手,便于设置。
05一流功能,包括确认、模式验证提示和流式更新。
04

使用场景

figwright logofigwright
↳直接从Figma选区生成框架感知的代码(例如React组件)。
↳通过自然语言描述或代码在画布上构建或编辑Figma设计。
↳集成AI代理以自动化设计实现和迭代过程。
↳为AI模型创建丰富的设计上下文,连接Figma数据与代码库组件。
tesseron logotesseron
↳使AI代理能够在基于浏览器的Web应用程序中执行复杂操作。
↳允许AI代理以编程方式驱动Electron或Tauri桌面应用程序。
↳将AI代理连接到Node.js后端服务和命令行界面。
↳用稳健的、类型化的API调用取代脆弱的UI抓取和浏览器自动化任务,供代理使用。
05

适合场景

figwright logofigwright
必备神器
tesseron logotesseron
—
FAQ

常见问题

figwright 和 tesseron 有什么区别?
figwright 和 tesseron 都属于 Dev Tooling 类别。figwright 有 1.1k Stars,tesseron 有 21 Stars。
figwright 和 tesseron 哪个更好?
最佳选择取决于你的具体需求。直接从Figma选区生成框架感知的代码(例如React组件)。 时选 figwright,使AI代理能够在基于浏览器的Web应用程序中执行复杂操作。 时选 tesseron。
figwright 是免费的吗?
是的,figwright 在 GitHub 开源(MIT)。
tesseron 是免费的吗?
是的,tesseron 在 GitHub 开源(NOASSERTION)。
推荐云部署
Ad

在 DigitalOcean 上一键部署

为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器,新用户立享 $200 免费额度(60天有效)。

立即领取 $200 免费额度
→

相关链接