Figma MCP 是什么？怎么接入 Cursor / Claude #

「figma mcp」「cursor figma」「claude code figma」是 2025–2026 很常见的搜索。MCP（Model Context Protocol）是一种让 AI 客户端连接外部数据源的标准接口。Figma MCP server 把 Figma 设计上下文交给 Cursor、Claude Code 等代理，并允许代理在权限允许时把原生内容写回画布。

依据：Guide to the Figma MCP server (opens new window)。安装步骤与示例提示以官方 Get started with the Figma MCP server、Tools and prompts、Figma MCP collection 为准。

能做什么 #

官方概述包括：

  • 让代理在 Figma Design / FigJam / Slides 中直接写画布
  • 在客户端里创建或修改 Frame、Component、Variables、Auto layout 等原生内容，并尽量遵循你的设计系统
  • 从文件生成代码时带上真实设计上下文，而不是只靠截图口述

Release Notes 还提到性能改进、更多产品支持，以及与 Code layers、Specs、图片生成等能力的组合（分阶段推送，以账号内实际可用为准）。另见 更新日志中文版 与 AI 与 Make 入门。

谁可以使用 #

帮助中心写明适用于 Starter、Professional、Education、Organization、Government、Enterprise 等方案，并需要使用 Figma MCP catalog (opens new window) 中列出的 MCP 客户端。具体工具列表、速率与席位差异会更新，请打开上述指南中的链接核对。

若教育版提示地区不可用或额度异常，以 Education 帮助与账号通知为准；也可对照 教育版申请。

接入思路（高层，不替代官方逐步教程） #

  1. 确认方案与席位能使用 MCP / 相关 AI 能力；组织管理员未关闭 AI。
  2. 在官方文档打开 Get started with the Figma MCP server，按客户端（Cursor、Claude Code 等）完成服务器配置与登录授权。
  3. 在客户端安装或启用官方提到的 Figma skills / prompts（若文档提供）。
  4. 先对你有编辑权限的文件做只读生成代码试验，再尝试写回画布。
  5. 结合 Dev Mode 入门 做设计标注与交付，避免只靠 AI 猜间距。

本站不复制官方逐步配置里的易变命令行参数，以免过期误导；请始终以帮助中心当前文案为准。

和「截图给 ChatGPT」有何不同 #

方式 优点 风险
截图 / 口述 零配置 尺寸、变量、组件实例易丢
Figma MCP 结构化设计上下文，可写回 需配置、权限与 credits；提示词仍要写清楚

常见问题 #

只有 Dev 席位能用吗？ #

以帮助中心「Who can use」与定价页功能表为准。完整 Dev Mode 检视、MCP 深度能力通常和付费席位相关，见 价格与方案。

会不会改坏设计文件？ #

写回画布前先在副本或草稿试验；给代理的权限、选中范围和提示要具体。重要文件先用版本历史留存。

和 Figma Make 如何选？ #

Make 偏提示到应用 / 原型的专用环境；MCP 偏把已有 Figma 文件接到外部编码代理。可以并存，见 AI 与 Make。

相关页面 #

来源：Figma Help《Guide to the Figma MCP server》；产品变更见 figma.com/release-notes (opens new window)。

Figma AI 与 Make 入门