figma-mcp-go

Figma MCP — 免费，无速率限制

开源的 Figma MCP 服务器，通过插件实现完全的读写访问——无需 REST API，无速率限制。将文本转化为设计，将设计转化为真实代码。适用于 Cursor、Claude、GitHub Copilot 以及任何支持 MCP 的 AI 工具。

亮点

无需 Figma API Token
无速率限制 — 对免费计划友好
读写实时 Figma 数据（通过插件桥接） — 总计 58 种工具
全面的设计自动化 — 样式、变量、组件、原型和内容
包含设计策略 — 内置 read_design_strategy、design_strategy 等提示词

https://github.com/user-attachments/assets/17bda971-0e83-4f18-8758-8ac2b8dcba62

为什么会有这个项目

大多数 Figma MCP 服务器都依赖 Figma REST API。

这听起来不错……直到你遇到这种情况：

计划	限制
Starter / View / Collab	每月 6 次工具调用
Pro / Org (Dev seat)	每天 200 次工具调用
Enterprise	每天 600 次工具调用

如果你正在尝试使用 AI 工具，几分钟内就会耗尽额度。

我没有足够的钱支付更高的额度。所以我构建了一个完全不使用 API 的方案。

安装与设置

通过 npx 安装 — 无需构建步骤。观看设置视频或按照以下步骤操作。

观看视频

1. 配置你的 AI 工具

Claude Code CLI

claude mcp add -s project figma-mcp-go -- npx -y @vkhanhqui/figma-mcp-go@latest

.mcp.json (Claude 和其他支持 MCP 的工具)

{
  "mcpServers": {
    "figma-mcp-go": {
      "command": "npx",
      "args": ["-y", "@vkhanhqui/figma-mcp-go"]
    }
  }
}

.vscode/mcp.json (Cursor / VS Code / GitHub Copilot)

{
  "servers": {
    "figma-mcp-go": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@vkhanhqui/figma-mcp-go"
      ]
    }
  }
}

2. 安装 Figma 插件

在 Figma 桌面端：Plugins → Development → Import plugin from manifest
从 plugin.zip 中选择 manifest.json
在任何 Figma 文件中运行该插件

可用工具

写入 — 创建

工具	描述
`create_frame`	创建一个带有可选自动布局、填充和父级的框架
`create_rectangle`	创建一个带有可选填充和圆角的矩形
`create_ellipse`	创建一个椭圆或圆形
`create_text`	创建一个文本节点（自动加载字体）
`import_image`	解码 base64 图像并将其作为矩形填充放置
`create_component`	将现有的 FRAME 节点转换为可复用组件

写入 — 修改

工具	描述
`set_text`	更新现有 TEXT 节点的内容
`set_fills`	设置节点的纯色填充（十六进制）
`set_strokes`	设置节点的纯色描边颜色和粗细
`set_opacity`	设置一个或多个节点的透明度（0 = 透明，1 = 不透明）
`set_corner_radius`	设置圆角 — 统一设置或按角设置
`set_auto_layout`	设置或更新框架的自动布局（flex）属性
`move_nodes`	将节点移动到绝对 x/y 位置
`resize_nodes`	按宽度和/或高度调整节点大小
`rename_node`	重命名节点
`clone_node`	克隆节点，可选择重新定位或更改父级

写入 — 删除

工具	描述
`delete_nodes`	永久删除一个或多个节点

写入 — 原型

工具	描述
`set_reactions`	在节点上设置原型交互（触发器 + 动作）；模式为 `replace` 或 `append`
`remove_reactions`	从节点中按从零开始的索引删除所有或特定交互

写入 — 样式

工具	描述
`create_paint_style`	创建一个带有纯色的命名填充样式
`create_text_style`	创建一个带有字体、大小和间距的命名文本样式
`create_effect_style`	创建一个命名效果样式（投影、内阴影、模糊）
`create_grid_style`	创建一个命名布局网格样式（列、行或网格）
`update_paint_style`	重命名或重新着色现有的填充样式
`apply_style_to_node`	将现有的本地样式应用于节点，并将其链接到该样式
`delete_style`	按 ID 删除任何样式（填充、文本、效果或网格）

写入 — 变量

工具	描述
`create_variable_collection`	创建一个新的本地变量集合，带有可选的初始模式
`add_variable_mode`	向现有集合添加新模式（例如：浅色/深色）
`create_variable`	在集合中创建变量（颜色/浮点数/字符串/布尔值）
`set_variable_value`	为特定模式设置变量值
`bind_variable_to_node`	将本地变量绑定到节点属性
`delete_variable`	删除变量或整个集合

写入 — 组件与导航

工具	描述
`navigate_to_page`	通过 ID 或名称切换当前 Figma 页面
`group_nodes`	将两个或多个节点编组为 GROUP
`ungroup_nodes`	解散 GROUP 节点，将其子节点移动到父级
`swap_component`	交换 INSTANCE 节点的主组件
`detach_instance`	分离组件实例，将其转换为普通框架

读取 — 文档与选择

工具	描述
`get_document`	获取完整的当前页面树
`get_metadata`	获取文件名、页面列表、当前页面
`get_pages`	所有页面（ID + 名称） — 轻量级，不加载树结构
`get_selection`	当前选中的节点
`get_node`	按 ID 获取单个节点
`get_nodes_info`	按 ID 获取多个节点信息
`get_design_context`	深度受限的树结构，带有 `detail` 级别（`minimal`/`compact`/`full`）
`search_nodes`	在子树中按名称子字符串和/或类型查找节点
`scan_text_nodes`	子树中的所有文本节点
`scan_nodes_by_types`	匹配给定类型列表的节点
`get_viewport`	当前视口中心、缩放比例和可见边界

读取 — 样式与变量

工具	描述
`get_styles`	填充、文本、效果和网格样式
`get_variable_defs`	变量集合和值
`get_local_components`	所有组件 + 带有变体属性的组件集
`get_annotations`	开发模式标注
`get_fonts`	当前页面使用的所有字体，按频率排序
`get_reactions`	节点上的原型/交互反应

导出

工具	描述
`get_screenshot`	任何节点的 Base64 图像导出
`save_screenshots`	将图像导出到磁盘（服务器端，无 API 调用）
`export_frames_to_pdf`	将多个框架导出为保存到磁盘的单个多页 PDF 文件
`export_tokens`	将设计令牌（变量 + 填充样式）导出为 JSON 或 CSS

MCP 提示词

提示词	描述
`read_design_strategy`	读取 Figma 设计的最佳实践
`design_strategy`	创建和修改设计的最佳实践
`text_replacement_strategy`	在整个设计中替换文本的分块方法
`annotation_conversion_strategy`	将手动标注转换为原生 Figma 标注
`swap_overrides_instances`	在组件实例之间转移覆盖项
`reaction_to_connector_strategy`	将原型交互映射为交互流程图

贡献

欢迎提交 Issue 和 PR。

figma-mcp-go

figma-mcp-go

为什么会有这个项目

安装与设置

1. 配置你的 AI 工具

2. 安装 Figma 插件

可用工具

写入 — 创建

写入 — 修改

写入 — 删除

写入 — 原型

写入 — 样式

写入 — 变量

写入 — 组件与导航

读取 — 文档与选择

读取 — 样式与变量

导出

MCP 提示词

相关项目

贡献

Star 历史

Resources

Tools

Latest Blog Posts

MCP directory API