Figma MCP 服务器

一个模型上下文协议 (MCP) 服务器，提供与 Figma API 的集成，允许您与 Figma 文件、评论、组件等进行交互。

功能

• 文件操作

  • 获取文件信息
  • 获取文件版本历史
  • 获取文件组件

• 评论管理

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

• 项目 & 团队功能

  • 列出团队项目
  • 获取项目文件
  • 获取已发布的样式

• Webhook 管理

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

安装

通过 Smithery 安装

要通过 Smithery 为 Claude Desktop 自动安装 Figma MCP 服务器：

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

手动安装

1. 克隆存储库
2. 安装依赖项：

npm install

3. 构建服务器：

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": []
    }
  }
}

可用工具

文件操作

get_file

获取有关 Figma 文件的信息

{
  "file_key": "string"
}

get_file_versions

获取文件的版本历史

{
  "file_key": "string"
}

get_file_components

获取文件中的组件

{
  "file_key": "string"
}

评论管理

get_file_comments

从文件中获取评论

{
  "file_key": "string"
}

post_comment

向文件发布评论

{
  "file_key": "string",
  "message": "string"
}

delete_comment

从文件中删除评论

{
  "file_key": "string",
  "comment_id": "string"
}

项目 & 团队操作

get_team_projects

获取团队的项目

{
  "team_id": "string"
}

get_project_files

获取项目中的文件

{
  "project_id": "string"
}

get_component_styles

获取已发布的样式

{
  "team_id": "string"
}

Webhook 管理

create_webhook

创建 Webhook

{
  "team_id": "string",
  "event_type": "string",
  "callback_url": "string"
}

get_webhooks

列出 Webhook

{
  "team_id": "string"
}

delete_webhook

删除 Webhook

{
  "webhook_id": "string"
}

使用示例

// 使用 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

贡献

1. Fork 存储库
2. 创建您的功能分支
3. 提交您的更改
4. 推送到分支
5. 创建一个新的 Pull Request