remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Integrations

Provides integration with Figma's API, enabling file operations (information retrieval, version history, components), comment management (listing, adding, deleting), project and team features (listing projects, getting files, accessing published styles), and webhook management.

Figma MCP サーバー

Figma の API との統合を提供し、Figma ファイル、コメント、コンポーネントなどを操作できるようにするモデルコンテキストプロトコル (MCP) サーバーです。

特徴

ファイル操作
- ファイル情報を取得する
- ファイルのバージョン履歴を取得する
- ファイルコンポーネントを取得する
コメント管理
- ファイル内のコメントを一覧表示する
- 新しいコメントを追加する
- コメントを削除する
プロジェクトとチームの特徴
- チームプロジェクトの一覧
- プロジェクトファイルを取得する
- 公開されたスタイルを取得する
Webhook管理
- Webhookを作成する
- 既存のWebhookを一覧表示する
- Webhookを削除する

インストール

リポジトリをクローンする
依存関係をインストールします:

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>

ライセンス

マサチューセッツ工科大学

貢献

リポジトリをフォークする
機能ブランチを作成する
変更をコミットする
ブランチにプッシュする
新しいプルリクエストを作成する

This server cannot be installed

-

security - not tested

F

license - not found

-

quality - not tested

Figma の API と統合され、Figma ファイル、コメント、コンポーネント、プロジェクト、および Webhook 管理とのやり取りを可能にするモデルコンテキストプロトコルサーバー。

Figma MCP Server