Figma MCP Server

基本能力

产品定位

Figma MCP Server 是一个用于与 Figma API 集成的 MCP 服务，旨在通过标准化协议简化 Figma 资源的访问和管理。

核心功能

1. 文件操作
2. 获取文件信息
3. 获取文件版本历史

4. 获取文件组件

5. 评论管理

6. 列出文件中的评论
7. 添加新评论

8. 删除评论

9. 项目与团队功能

10. 列出团队项目
11. 获取项目文件

12. 获取发布的样式

13. Webhook 管理

14. 创建 Webhook
15. 列出现有 Webhook
16. 删除 Webhook

适用场景

• 设计协作平台集成
• 自动化设计流程
• 设计资源管理
• 团队项目管理

工具列表

1. 文件操作工具
2. get_file: 获取 Figma 文件信息
3. get_file_versions: 获取文件版本历史

4. get_file_components: 获取文件中的组件

5. 评论管理工具

6. get_file_comments: 获取文件评论
7. post_comment: 发布评论

8. delete_comment: 删除评论

9. 项目与团队工具

10. get_team_projects: 获取团队项目
11. get_project_files: 获取项目文件

12. get_component_styles: 获取发布的样式

13. Webhook 管理工具

14. create_webhook: 创建 Webhook
15. get_webhooks: 列出 Webhook
16. delete_webhook: 删除 Webhook

常见问题解答

• 如何获取 Figma 访问令牌？
• 需要在 Figma 开发者设置中生成访问令牌。
• 如何配置服务器？
• 在 MCP 设置文件中配置 Figma 访问令牌和服务器路径。

使用教程

使用依赖

• Node.js
• npm

安装教程

1. 通过 Smithery 安装

npx -y @smithery/cli install @deepsuthar496/figma-mcp-server --client claude

1. 手动安装

git clone <repository-url>
cd figma-mcp-server
npm install
npm run build

配置

在 MCP 设置文件中配置 Figma 访问令牌：

{
  "mcpServers": {
    "figma": {
      "command": "node",
      "args": ["path/to/figma-server/build/index.js"],
      "env": {
        "FIGMA_ACCESS_TOKEN": "your-access-token-here"
      },
      "disabled": false,
      "alwaysAllow": []
    }
  }
}

调试方式

1. 确保服务器已正确安装和配置
2. 使用示例命令测试工具功能

<use_mcp_tool>
<server_name>figma</server_name>
<tool_name>get_file</tool_name>
<arguments>
{
  "file_key": "your-file-key"
}
</arguments>
</use_mcp_tool>

许可证

该项目遵循 MIT 开源许可条款。