A
security-
licenseA
qualityEnables AI assistants to interact with Figma files through the ModelContextProtocol, allowing viewing, commenting, and analyzing Figma designs directly in chat interfaces.
Last updated -
5
581
202
mcp-figma
Claude やその他の MCP 互換 AI アシスタントで使用するために設計された、Figma API 統合用のモデル コンテキスト プロトコル (MCP) サーバー。
特徴
この MCP サーバーは、Figma API 機能へのアクセスを提供します。
ファイル操作（ファイルの取得、ノードの取得、画像の取得）
コメント管理
チーム/プロジェクト管理
コンポーネントとスタイルへのアクセス
永続的なAPIキーの保存
インストール
NPMのインストール
# Install globally
npm install -g mcp-figma
# Or install locally in a project
npm install mcp-figma
# Update to latest version
npm update -g mcp-figma
クロードとの使用
Claude 構成に mcp-figma を追加します。
"mcp-figma": {
"command": "npx",
"args": [
"-y",
"mcp-figma"
]
}
Claude を初めて使用する場合、Figma API キーを設定する必要があります。
Please use mcp-figma to set my Figma API key: figd_xxxxxxxxxxxxxxxxxxxxxxx
API キーは~/.mcp-figma/config.jsonに保存され、今後のセッションで自動的に読み込まれます。
API キーが設定されているかどうかは次のように確認できます。
Please use mcp-figma to check my API key status
次に、利用可能な Figma API 関数のいずれかを使用します。
Please use mcp-figma to get the file with key abc123
利用可能なツール
サーバーは次のツールを提供します。
set_api_key: Figma API 個人アクセス トークンを設定します (config に保存されます)check_api_key: APIキーがすでに設定されているかどうかを確認するget_file: キーでFigmaファイルを取得するget_file_nodes: Figma ファイルから特定のノードを取得するget_image: Figma ファイル内のノードの画像を取得するget_image_fills: Figma ファイルで使用されている画像の URL を取得します。get_comments: Figma ファイルのコメントを取得するpost_comment: Figma ファイルにコメントを投稿するdelete_comment: Figma ファイルからコメントを削除する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 を参照してください。
ライセンス
マサチューセッツ工科大学
hybrid server
The server is able to function both locally and remotely, depending on the configuration or use case.
Figma API 機能へのアクセスを提供し、Claude のような AI アシスタントが Figma ファイル、コメント、コンポーネント、チーム リソースと対話できるようにするモデル コンテキスト プロトコル サーバー。
Related Resources
Related MCP Servers
- Asecurity-licenseAqualityA Model Context Protocol server that integrates with Figma's API, allowing interaction with Figma files, comments, components, projects, and webhook management.Last updated -5581
- -security-license-qualityA Model Context Protocol server that integrates Figma design files with AI coding tools like Cursor, Windsurf, and Cline, allowing AI tools to access and understand Figma design data for generating more accurate code.Last updated -1015MIT License
- Asecurity-licenseAqualityA Model Context Protocol server for interacting with the Figma API that handles large Figma files efficiently through memory-aware chunking and pagination capabilities.Last updated -73MIT License