免费每月限制使用 6次
cursor 中可以直接开启,然后进行跳转授权
claude code
claude mcp add --transport http figma <https://mcp.figma.com/mcp>
Figma 左上角,个人设置——tab 安全项——生成个人访问令牌
步骤 1:全局安装依赖
npm install -g figma-developer-mcp
步骤 2:创建配置文件
在项目根目录创建 .mcp.json 文件(或修改 ~/.claude.json 以实现全局配置),添加以下内容:
下面两种都行
{
"mcpServers": {
"figma-developer-mcp": {
"command": "figma-developer-mcp",
"args": [
"--stdio"
],
"env": {
"FIGMA_API_KEY": "[YOUR_FIGMA_API_KEY]"
}
}
}
}
{
"mcpServers": {
"figma-developer-mcp": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp",
"--figma-api-key=[YOUR_FIGMA_API_KEY]",
"--stdio"
]
}
}
}
有些地方会用
npx -y figma-developer-mcp --figma-api-key=[YOUR_FIGMA_API_KEY] --stdio
配置说明:
figma-developer-mcp:自定义别名,避免与官方 MCP 冲突FIGMA_API_KEY:需要在 Figma 设置中生成个人访问令牌