Figma MCP Server

基本能力

产品定位

Figma MCP Server 是一个设计协作和文件管理工具，通过 MCP 协议与 Figma API 集成，提供丰富的文件操作和团队协作功能。

核心功能

• 文件操作
• 获取文件信息
• 获取文件版本历史

• 获取文件组件

• 评论管理

• 列出文件中的评论
• 添加新评论

• 删除评论

• 项目与团队功能

• 列出团队项目
• 获取项目文件

• 获取发布的样式

• Webhook 管理

• 创建 Webhook
• 列出现有 Webhook
• 删除 Webhook

适用场景

• 设计团队协作
• 文件版本管理
• 设计评论管理
• 自动化设计流程

工具列表

• 文件操作工具
• get_file: 获取文件信息
• get_file_versions: 获取文件版本历史

• get_file_components: 获取文件组件

• 评论管理工具

• get_file_comments: 获取文件评论
• post_comment: 发布评论

• delete_comment: 删除评论

• 项目与团队工具

• get_team_projects: 获取团队项目
• get_project_files: 获取项目文件

• get_component_styles: 获取发布的样式

• Webhook 管理工具

• create_webhook: 创建 Webhook
• get_webhooks: 列出 Webhook
• delete_webhook: 删除 Webhook

使用教程

使用依赖

1. 确保已安装 Node.js 和 npm

安装教程

1. 克隆仓库
2. 安装依赖:

npm install

1. 构建服务器:

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. 使用 MCP 工具进行测试，例如:

// 使用 MCP 工具获取文件信息
<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 开源许可条款。