Figma MCP 服务器

这是一个提供与Figma API集成的模型上下文协议(MCP)服务器，允许你与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": "你的访问令牌"
      },
      "disabled": false,
      "alwaysAllow": []
    }
  }
}

可用工具

文件操作

get_file

获取Figma文件信息

{
  "file_key": "字符串"
}

get_file_versions

获取文件版本历史

{
  "file_key": "字符串"
}

get_file_components

获取文件中的组件

{
  "file_key": "字符串"
}

评论管理

get_file_comments

从文件获取评论

{
  "file_key": "字符串"
}

post_comment

向文件发布评论

{
  "file_key": "字符串",
  "message": "字符串"
}

delete_comment

从文件删除评论

{
  "file_key": "字符串",
  "comment_id": "字符串"
}

项目和团队操作

get_team_projects

获取团队的项目

{
  "team_id": "字符串"
}

get_project_files

获取项目中的文件

{
  "project_id": "字符串"
}

get_component_styles

获取已发布的样式

{
  "team_id": "字符串"
}

Webhook管理

create_webhook

创建Webhook

{
  "team_id": "字符串",
  "event_type": "字符串",
  "callback_url": "字符串"
}

get_webhooks

列出Webhook

{
  "team_id": "字符串"
}

delete_webhook

删除Webhook

{
  "webhook_id": "字符串"
}

使用示例

// 使用MCP工具获取文件信息的示例
<use_mcp_tool>
<server_name>figma</server_name>
<tool_name>get_file</tool_name>
<arguments>
{
  "file_key": "你的文件键"
}
</arguments>
</use_mcp_tool>

许可证

MIT

贡献

1. 分叉仓库
2. 创建你的功能分支
3. 提交你的更改
4. 推送到分支
5. 创建新的Pull Request