T
thirdstrandstudio/mcp-figma
Figma MCP Server with full API functionality
在 GitHub 查看 ↗链接已于 2026-11-12 核查 · HTTP 200 · 打开的是厂商自己的官网
安装与配置
客户端配置（取自该仓库的安装命令）
{
"mcpServers": {
"thirdstrandstudio-mcp-figma": {
"command": "npx",
"args": ["@thirdstrandstudio/mcp-figma", "--figma-token", "yourfigmaapikey"]
}
}
}解析自我们于 2026-11-04 抓取的该仓库 README；我们未执行过。
command/args 来自仓库写明的安装命令；不确定时请以该项目 README 为准。
VS Code（.vscode/mcp.json —— 键名是 servers）
{
"servers": {
"thirdstrandstudio-mcp-figma": {
"command": "npx",
"args": ["@thirdstrandstudio/mcp-figma", "--figma-token", "yourfigmaapikey"]
}
}
}VS Code 顶层键是 <code>servers</code>，其余与上面那份相同。
Claude Code（命令行）
claude mcp add --transport stdio thirdstrandstudio-mcp-figma -- npx @thirdstrandstudio/mcp-figma --figma-token yourfigmaapikey
Claude Code 不收 JSON 文件，用这条命令直接加。
配置项的键名以你的客户端为准：客户端与 CLI
- 来源明细
- 收录自 abordage/awesome-mcp 榜单（我们从中收集的条目之一） · 条目类型：MCP 服务
- 收录与活跃
- 收录于 2026-11-05 · 最近见到 2026-11-14 · 共见到 10 次 · 被 10 个来源列出
- 评分构成
- 综合分 1,003 · 10 个来源 · mcp
- 安装
npx @thirdstrandstudio/mcp-figma --figma-token yourfigmaapikey
常见问题（答案都来自我们的记录）
怎么安装？
该仓库给出的安装命令是
npx @thirdstrandstudio/mcp-figma --figma-token yourfigmaapikey。我们的记录里它是仓库自己提供的；不保证在你的客户端上直接可用。它适合谁 / 用来做什么？
我们把它归在这些标签下: MCP 服务。标签来自条目自身，不是我们强加的分类。
谁维护它、还在更新吗？
我们收录于 2026-11-05；最近见到 2026-11-14。这里没有"官方认证"或"质量评级"——我们只记录来源与时间。
# Figma MCP Server
以下摘录自该仓库的 README（片段） · 在 GitHub 读完整 README →
MCP Server for interacting with the Figma API. This server provides a complete set of Figma API methods through the Model Context Protocol. Sometimes on large figma files you might have to tell it to use depth = 1 for figmagetfile then increase when it needs more.
## Tools
This server implements all Figma API methods as MCP tools:
### User Methods
1. figmagetme - Get the current user
### File Methods
2. figmagetfile - Get a Figma file by key
3. figmagetfilenodes - Get specific nodes from a Figma file
4. figmagetimages - Render images from a Figma file
5. figmagetimagefills - Get image fills in a Figma file
6. figmagetfileversions - Get version history of a Figma file
### Comment Methods
7. figmagetcomments - Get comments in a Figma file
8. figmapostcomment - Add a comment to a Figma file
9. figmadeletecomment - Delete a comment from a Figma file
10. figmagetcommentreactions - Get reactions for a comment
11. figmapostcommentreaction - Add a reaction to a comment
12. figmadeletecommentreaction - Delete a reaction from a comment
### Team and Project Methods
13. figmagetteamprojects - Get projects in a team
14. figmagetprojectfiles - Get files in a project
### Component Methods
15. figmagetteamcomponents - Get components in a team
16. figmagetfilecomponents - Get components in a file
17. figmagetcomponent - Get a component by key
18. figmagetteamcomponentsets - Get component sets in a team
19. figmagetfilecomponentsets - Get component sets in a file
20. figmagetcomponentset - Get a component set by key
### Style Methods
21. figmagetteamstyles - Get styles in a team
22. figmagetfilestyles - Get styles in a file
23. figmagetstyle - Get a style by key
### Webhook Methods (V2 API)
24. figmapostwebhook - Create a webhook
25. figmagetwebhook - Get a webhook by ID
26. figmaupdatewebhook - Update a webhook
27. figmadeletewebhook - Delete a webhook
28. figmagetteamwebhooks - Get webhooks for a team
### Library Analytics Methods
29. figmagetlibraryanalyticscomponentusages - Get library analytics component usage data
30. figmagetlibraryanalyticsstyleusages - Get library analytics style usage data
31. figmagetlibraryanalyticsvariableusages - Get library analytics variable usage data
## Installation
### Installing via Smithery
To install mcp-figma for Claude Desktop automatically via Smithery:
bash
npx @smithery/cli@latest install @thirdstrandstudio/mcp-figma --client claude
### Prerequisites
Node.js (v16 or later)
npm or yarn
### Installing the package
bash
# Clone the repository
git clone https://github.com/thirdstrandstudio/mcp-figma.git
cd mcp-figma
# Install dependencies
npm install
# Build the package
npm run build
## Setup
To use this MCP server, you need to set up your Figma API token. You can do this in one of three ways:
### 1. Environment Variable
Create a .env file in the project root or set the environment variable directly:
FIGMAAPIKEY=yourfigmaapikey
### 2. Command Line Arguments
When starting the server, you can pass your Figma API token as a command-line argument:
## Tools
This server implements all Figma API methods as MCP tools:
### User Methods
1. figmagetme - Get the current user
### File Methods
2. figmagetfile - Get a Figma file by key
3. figmagetfilenodes - Get specific nodes from a Figma file
4. figmagetimages - Render images from a Figma file
5. figmagetimagefills - Get image fills in a Figma file
6. figmagetfileversions - Get version history of a Figma file
### Comment Methods
7. figmagetcomments - Get comments in a Figma file
8. figmapostcomment - Add a comment to a Figma file
9. figmadeletecomment - Delete a comment from a Figma file
10. figmagetcommentreactions - Get reactions for a comment
11. figmapostcommentreaction - Add a reaction to a comment
12. figmadeletecommentreaction - Delete a reaction from a comment
### Team and Project Methods
13. figmagetteamprojects - Get projects in a team
14. figmagetprojectfiles - Get files in a project
### Component Methods
15. figmagetteamcomponents - Get components in a team
16. figmagetfilecomponents - Get components in a file
17. figmagetcomponent - Get a component by key
18. figmagetteamcomponentsets - Get component sets in a team
19. figmagetfilecomponentsets - Get component sets in a file
20. figmagetcomponentset - Get a component set by key
### Style Methods
21. figmagetteamstyles - Get styles in a team
22. figmagetfilestyles - Get styles in a file
23. figmagetstyle - Get a style by key
### Webhook Methods (V2 API)
24. figmapostwebhook - Create a webhook
25. figmagetwebhook - Get a webhook by ID
26. figmaupdatewebhook - Update a webhook
27. figmadeletewebhook - Delete a webhook
28. figmagetteamwebhooks - Get webhooks for a team
### Library Analytics Methods
29. figmagetlibraryanalyticscomponentusages - Get library analytics component usage data
30. figmagetlibraryanalyticsstyleusages - Get library analytics style usage data
31. figmagetlibraryanalyticsvariableusages - Get library analytics variable usage data
## Installation
### Installing via Smithery
To install mcp-figma for Claude Desktop automatically via Smithery:
bash
npx @smithery/cli@latest install @thirdstrandstudio/mcp-figma --client claude
### Prerequisites
Node.js (v16 or later)
npm or yarn
### Installing the package
bash
# Clone the repository
git clone https://github.com/thirdstrandstudio/mcp-figma.git
cd mcp-figma
# Install dependencies
npm install
# Build the package
npm run build
## Setup
To use this MCP server, you need to set up your Figma API token. You can do this in one of three ways:
### 1. Environment Variable
Create a .env file in the project root or set the environment variable directly:
FIGMAAPIKEY=yourfigmaapikey
### 2. Command Line Arguments
When starting the server, you can pass your Figma API token as a command-line argument:
收录徽章（可选）
想把收录标记放进 README 就复制这行，可选，不影响收录。
[](https://anclum.com/zh/s/thirdstrandstudio-mcp-figma/)
- 来源
- awesome · https://github.com/thirdstrandstudio/mcp-figma
- 按领域浏览
- MCP 服务
- 收录来源
- 10 个独立来源
- 收录于
- 今天
同类推荐
所属领域与标签
每个标签都能点进去看同类的全部条目。数字是当前库里的真实条数。