Figma MCP サーバー
Figma の API との統合を提供し、Figma ファイル、コメント、コンポーネントなどを操作できるようにするモデル コンテキスト プロトコル (MCP) サーバーです。
特徴
ファイル操作
ファイル情報を取得する
ファイルのバージョン履歴を取得する
ファイルコンポーネントを取得する
コメント管理
ファイル内のコメントを一覧表示する
新しいコメントを追加する
コメントを削除する
プロジェクトとチームの特徴
チームプロジェクトの一覧
プロジェクトファイルを取得する
公開されたスタイルを取得する
Webhook管理
Webhookを作成する
既存のWebhookを一覧表示する
Webhookを削除する
Related MCP server: Figma MCP Server
インストール
リポジトリをクローンする
依存関係をインストールします:
npm install
サーバーを構築します。
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"
}
ファイルバージョンの取得
ファイルのバージョン履歴を取得する
{
"file_key": "string"
}
ファイルコンポーネントの取得
ファイル内のコンポーネントを取得する
{
"file_key": "string"
}
コメント管理
get_file_comments
ファイルからコメントを取得する
{
"file_key": "string"
}
投稿コメント
ファイルにコメントを投稿する
{
"file_key": "string",
"message": "string"
}
コメントを削除
ファイルからコメントを削除する
{
"file_key": "string",
"comment_id": "string"
}
プロジェクトとチームの運営
チームプロジェクトを取得する
チームのプロジェクトを取得する
{
"team_id": "string"
}
プロジェクトファイルを取得する
プロジェクト内のファイルを取得する
{
"project_id": "string"
}
get_component_styles
公開されたスタイルを取得する
{
"team_id": "string"
}
Webhook管理
ウェブフックの作成
ウェブフックを作成する
{
"team_id": "string",
"event_type": "string",
"callback_url": "string"
}
get_webhooks
Webhookの一覧
{
"team_id": "string"
}
削除_webhook
Webhookを削除する
{
"webhook_id": "string"
}
使用例
// Example using the MCP tool to get file information
<use_mcp_tool>
<server_name>figma</server_name>
<tool_name>get_file</tool_name>
<arguments>
{
"file_key": "your-file-key"
}
</arguments>
</use_mcp_tool>
ライセンス
マサチューセッツ工科大学
貢献
リポジトリをフォークする
機能ブランチを作成する
変更をコミットする
ブランチにプッシュする
新しいプルリクエストを作成する