AgentIndex icon
AgentIndex
工具MCP 服务HOT分类热门最新选型清单对比指南
提交工具
工具MCP 服务HOT分类热门最新选型清单对比指南
首页/
开发者工具/
figwright
figwright logo

figwright

活跃·★ 1.1k·MIT·更新于 2026-10-22
★ 必备神器

Figwright 通过本地 WebSocket 中继把 MCP 服务器和 Figma 插件连起来，让 Claude Code、Cursor、Codex 等代理能真正“使用”Figma，而不只是看。README 说它是双向的：读取 Figma 选区并转成符合框架的代码；以及写入画布（框架、文字、自动布局、样式、变量、组件乃至整个页面）。它声称两个方向一共有 104 个工具。

一切都在你的机器上运行，通过插件与 Figma 通信，所以 README 说不需要 Figma Dev Mode 席位，也不需要付费套餐。生成代码时，它说会检测你实际使用的框架和样式体系，并复用现有的组件、设计令牌和图标。多个 MCP 客户端可以共用一个插件，由一个主进程持有连接，传输层能应对连接中断。读和写的工作流还以可安装的代理技能形式发布。

安装有四步：把 `npx -y @figwright/mcp@latest` 加进 MCP 客户端配置；从最新的 GitHub 发布下载插件压缩包，在 Figma 桌面应用里导入其中的 `manifest.json`（插件还没有上架 Figma 社区）；打开插件，它会自动连接；让代理运行 `ping` 确认。许可为 MIT，最近一次推送是 2026-10-12。本评测依据 README 和仓库数据，我们没有实际运行过它。

本文根据项目 README 和公开仓库数据整理，我们没有实际试用过该工具。数据截至 2026-10-20。

许可证
MIT
最新发布
v0.6.0 · 2026-10-01
最近提交
2026-10-20
贡献者
9
复刻数
64
未关闭的 issue 和 PR
3
首次发布
2026-06-18
npm 包
@figwright/mcp 0.6.0 · 613 上周下载

来源：GitHub、npm 和 PyPI 的公开接口。

#Figma自动化#AI代理#设计到代码#代码到设计#开发工具#WebSocket#插件#Node.js
$ 安装
$ npx -y @figwright/mcp@latest
↗ 访问官网★ GitHub
01

功能特性

01免费使用，无需Figma开发者模式或付费订阅。
02双向交互，支持读取设计和直接写入画布。
03优先考虑提供者代码生成，适应现有技术栈和组件。
04兼容任何MCP客户端（例如Claude Code、Cursor）。
05开放可扩展的架构，支持通过可安装的技能定制工作流。
02

为什么选择它

+双向：既能把 Figma 选区读成代码，也能把框架、文字、样式、变量和组件写回画布
+README 称免费：不需要 Figma Dev Mode 席位或付费套餐，全部在本地运行
+生成代码时会复用你自己的组件、设计令牌和图标，而不是输出通用标记
+适用于 Claude Code、Cursor、Codex 等 MCP 客户端，附带可安装技能；MIT；最近一次推送 2026-10-12
03

权衡点

!Figma 插件还没上架社区，需要从发布页手动导入
!需要 Figma 桌面应用并打开插件保持连接，还要有 Node 来运行 `npx`
!带写入工具，代理可以修改你的 Figma 文件，建议先在副本上试
!104 个工具和与 Dev Mode 的对比都是项目自己的说法
04

维护状况检查

活跃检查日期: 2026-10-22
最近提交
2026-10-21
近 90 天提交数
100+
近 90 天发布数
3
最新发布
v0.6.0 (2026-10-01)
未关闭 issue
3
近期 issue 至少有一条评论的比例
2/3
近 12 周每周提交数
近 12 周每周提交数: 15, 15, 15, 16, 19, 8, 15, 15, 18, 7, 21, 8

最早的一周在左边，最近 4 周为橙色。数据来源：GitHub 提交统计。

状态规则：GitHub 上已归档 = 已归档；最近提交在 90 天内 = 活跃；91 到 365 天 = 放缓；更久 = 停滞。所有数字来自所示日期的 GitHub API。

讨论最多的未关闭 issue

  • #249 Homebrew Install0 条评论 · 2026-09-27
  • #77 Dependency Dashboard0 条评论 · 2026-07-15

issue 标题引自 GitHub。请打开链接确认该问题是否仍适用于你使用的版本。

05

兼容性

Node.js
运行时
已通过文档验证
Figma
平台
已通过文档验证
MCP Client
集成
已通过文档验证
06

快速开始

1
$ npx -y @figwright/mcp@latest
07

使用场景

↳直接从Figma选区生成框架感知的代码（例如React组件）。
↳通过自然语言描述或代码在画布上构建或编辑Figma设计。
↳集成AI代理以自动化设计实现和迭代过程。
↳为AI模型创建丰富的设计上下文，连接Figma数据与代码库组件。
08

同类工具

⚡热门对决:
VSCopilotKit★38.2k→VSmcp-app-typescript-template★21→VSdigital-twins★20→VSagent-toolkit★192→
CopilotKit logo
CopilotKit★ 38.2k
CopilotKit 是一个开源开发工具包，旨在帮助您在Web应用程序中构建和部署深度集成的AI助手和智能体，提供快速集成、框架无关性和生产就绪的UI。
VS对比→
mcp-app-typescript-template logo
mcp-app-typescript-template★ 21
一个精心设计的启动模板，展示了使用模型上下文协议（MCP）与React组件构建MCP应用的最佳实践，利用TypeScript、Tailwind CSS v4、Pino日志、Storybook和Vitest。
VS对比→
digital-twins logo
digital-twins★ 20
Pome Digital Twins为GitHub、Slack、Stripe等提供本地、有状态的API模拟，用于代理集成测试。
VS对比→
agent-toolkit logo
agent-toolkit★ 192
Sanity Agent Toolkit 为AI智能体与Sanity平台集成开发提供了一系列资源，包括MCP服务器、智能体技能和针对多种AI编辑器/智能体的插件。
VS对比→
tesseron logo
tesseron★ 21
Tesseron 通过 WebSocket 为兼容 MCP 的 AI 代理提供类型化的实时应用操作，作为其可访问性层。
VS对比→
DebugMCP logo
DebugMCP★ 573
DebugMCP 是一个 MCP 服务器，使 AI 编码助手能够在 VS Code 中进行操作调试，支持设置断点、单步执行、检查变量和评估表达式。
VS对比→
rutis logo
rutis★ 149
供智能体和长期运行程序编写、替换和热重载自己插件的插件运行时，Rust 内核，插件可用 TypeScript、Python、Go
VS对比→
ai-agents-from-scratch logo
ai-agents-from-scratch★ 4.9k
一个从零开始构建本地AI智能体的学习资源，深入理解大语言模型、工具使用、记忆和推理模式，为掌握生产级框架打下基础。
VS对比→
查看全部替代品 →

评论

登录后发表评论

暂无评论，来发表第一条吧

本页内容
01功能特性02为什么选择它03权衡点04维护状况检查05兼容性06快速开始07使用场景08同类工具
awdr74100 /
figwright
↗

MIT 许可的 MCP 服务器加 Figma 插件，让代理既能把设计读成代码，也能直接写入 Figma 画布，无需付费席位

1.1k64MIT
最后更新1天前
状态活跃
分类开发者工具
贡献者9
最新发布v0.6.0
链接
文档↗讨论↗问题↗版本↗
推荐云部署
Ad

在 DigitalOcean 上一键部署

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

立即领取 $200 免费额度
© 2026 AgentIndex.app|由十年 iOS 开发者构建。
按场景挑选关于我们联系我们广告合作隐私政策使用条款QYSGitHub请作者喝咖啡 ☕

按分类浏览

MCP 服务器代码助手工作流自动化RAG / 知识库多智能体浏览器自动化大模型基础设施开发者工具可观测性

与 Anthropic, OpenAI 或 Microsoft 无关。