MCP Figma

🚀 mcp-figma 中文文檔

mcp-figma 是一個專為 Figma API 集成設計的模型上下文協議 (MCP) 服務器，可與 Claude 及其他兼容 MCP 的人工智能助手協同工作，為用戶提供便捷的 Figma API 訪問體驗。

🚀 快速開始

mcp-figma 是一個為 Figma API 集成設計的模型上下文協議 (MCP) 服務器，可與 Claude 等兼容 MCP 的人工智能助手配合使用，實現對 Figma API 的多種功能訪問。

✨ 主要特性

此 MCP 服務器提供對 Figma API 的以下功能訪問：

• 文件操作（獲取文件、獲取節點、獲取圖片）
• 評論管理
• 團隊/項目管理
• 組件和樣式訪問
• 持久化 API 密鑰存儲

📦 安裝指南

使用 NPM 安裝

# 全局安裝
npm install -g mcp-figma

# 或者在項目中本地安裝
npm install mcp-figma

# 更新到最新版本
npm update -g mcp-figma

💻 使用示例

與 Claude 配合使用

1. 將 mcp-figma 添加到您的 Claude 配置：

"mcp-figma": {
  "command": "npx",
  "args": [
    "-y",
    "mcp-figma"
  ]
}

2. 當使用 Claude 時，第一次需要設置您的 Figma API 密鑰：

請使用 mcp-figma 設置我的 Figma API 密鑰：figd_xxxxxxxxxxxxxxxxxxxxxxx

您的密鑰將存儲在 ~/.mcp-figma/config.json 中，並在以後的會話中自動加載。 3. 檢查是否已配置 API 密鑰：

請使用 mcp-figma 檢查我的 API 密鑰狀態

4. 然後使用提供的任何 Figma API 功能：

請使用 mcp-figma 獲取具有密鑰 abc123 的文件

可用工具

該服務器提供以下工具：

• set_api_key：設置您的 Figma API 個人訪問令牌（保存到配置）
• check_api_key：檢查是否已配置 API 密鑰
• get_file：通過密鑰獲取 Figma 文件
• get_file_nodes：從 Figma 文件獲取特定節點
• get_image：獲取 Figma 文件中節點的圖片
• get_image_fills：獲取 Figma 文件中使用的圖片 URL
• get_comments：獲取文件上的評論
• post_comment：在文件上發佈評論
• delete_comment：從文件中刪除評論
• get_team_projects：獲取團隊的項目
• get_project_files：獲取項目的文件
• get_team_components：獲取團隊的組件
• get_file_components：從文件獲取組件
• get_component：通過密鑰獲取組件
• get_team_component_sets：獲取團隊的組件集
• get_team_styles：獲取團隊的樣式
• get_file_styles：從文件獲取樣式
• get_style：通過密鑰獲取樣式

有關詳細使用示例，請參閱 USAGE.md。

📄 許可證

MIT