
FigmaMCP
io.github.MrCoder由 GitHub 账号 MrCoder 发布v0.1.10更新于 Nov 13, 2026
Claude Code or Codex read and edit your open Figma file. Needs the free FigmaMCP Mac app.
发布方自己的服务:Figma MCP Server
概览
一个本地 Mac MCP 服务器,通过 Figma 插件让 Claude Code 或 Codex 读取并编辑你当前打开的 Figma 文件。
- 可以做什么
- 读取页面、节点、组件、样式、变量、标注和交互信息,并导出节点视觉图
- 创建画框、文本、形状、SVG、组件、组件集和实例
- 编辑节点:填充、描边、效果、圆角、自动布局、变换、重命名、克隆、编组、删除,以及文本内容与样式
- 管理设计系统:样式、变量、变量绑定、样式应用、组件属性和实例覆盖
- 适用场景
- 适合在 Claude Code 或 Codex 中工作、希望助手直接查看或修改 Figma 桌面应用里设计稿的场景,无需 API 令牌,也没有调用配额。
- 运行要求
- 仅支持 macOS(暂不支持 Windows 和 Linux),需要 Figma 桌面应用、Claude Code 或 Codex,以及免费的 FigmaMCP Mac 应用;该应用会安装 Figma 插件并连接本地 MCP 服务器。无需 Figma API 令牌。
安装
在 SourceWeft 中
- 打开 控制台中的 FigmaMCP,将其添加到工作区。
- 为需要使用其工具的对话启用该服务。
Desktop only,通过 STDIO。 STDIO 服务会启动本地进程,因此需要 SourceWeft 桌面宿主。
其他 MCP 客户端
参照 仓库 中的启动说明。
README
FigmaMCP
Let Claude Code or Codex read and edit the Figma file you already have open. A free Mac app with a local MCP server and a Figma plugin. No Figma API token, and no call quota to watch.
Download for Mac · Website · Setup guide
[FigmaMCP demo: download, set up, then Claude Code draws a pricing card in the open Figma file]
The terminal text in the demo is staged. The Figma frames are real screenshots.
How it works
- Download and open the app. It checks for Figma, Claude Code and Codex.
- Click through the checklist. The app adds the plugin to the Figma desktop app and connects the MCP server to your AI. There is no manifest to import and no config file to edit.
- Ask your AI. Open a Figma file and ask for a change. The AI reads the file first, then edits it in place while you watch.
FigmaMCP works through Figma's Plugin API on your own machine. It makes no calls to Figma's hosted MCP server.
What the AI can do
Safety
- Every edit must name its exact target layer.
- A bulk edit with one invalid item changes nothing.
- A switch in the plugin makes the file read-only for the AI.
- Two AI sessions can work in one file; one cannot overwrite a layer the other is editing.
Requirements
- macOS (Windows and Linux are not supported yet)
- The Figma desktop app
- Claude Code or Codex
Report a problem
Open an issue, or write to [email protected]. Do not attach private design files or secrets.
About this repository
This repository holds downloads and issue reports. It has no source code. Downloads are on the Releases page.
FigmaMCP is a fork of figma-edit-mcp by Neo Product LLC. It includes third-party software; see THIRD_PARTY_NOTICES.txt. Not affiliated with or endorsed by Figma, Inc.
来源:README.md,提交 d135657
工具
0版本历史
1- v0.1.10最新Nov 13, 2026
评分
已满足适用检查项的 40%
该评分衡量此收录条目的完整程度,依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价,也不表示服务器安全或当前可用:可连通性是带日期的检查结果,评分也不包含安装量或用户评价。
- 近 30 天内可连通25 分
请保持端点能够响应 MCP 握手;SourceWeft 每 30 天探测一次。
- 已声明认证方式10 分
请在注册中心条目中声明凭据请求头,或保持端点能够响应探测,以便判定其认证方式。
- 已列出工具15 分
请让服务器在无凭据时响应 tools/list,或发布可在沙箱中无凭据启动的软件包。
- 描述必需15 分
- 图标10 分
- 文档15 分
- 许可证10 分
请在仓库或注册中心条目中声明许可证。
其他 Figma 集成

Figma MCP Server
com.figma.mcp官方发布者
Figma 官方远程 MCP 服务器,为 AI 编程助手提供 Figma 设计上下文,用于生成和更新代码。

Figma Bridge Mcp
由 GitHub 账号 nguyendinhphongdx 发布
把 AI 助手连接到你在 Figma 桌面版中打开的文档,让它直接在画布上绘制界面,并把设计读回为数据和代码。

Figma Vector MCP
由 GitHub 账号 workingmodel 发布
本地 MCP 服务器加 Figma 插件,让助手在 Figma 画布上创建和编辑可完全编辑的矢量节点、形状、文本与组件。

Figma CodeKit MCP
由 GitHub 账号 Mehmoodqureshi 发布
把 Figma 画板转换为 HTML、React 或 Next.js 代码,并将渲染结果与设计稿做像素比对,反复迭代直至收敛。

figma-mcp
由 GitHub 账号 Mehmoodqureshi 发布
把 Figma 画板确定性地转换为 HTML、React 或 Next.js 代码,再在 Chromium 中渲染并与设计做像素比对,直到收敛。