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

license - not found

quality - not tested

How are these scores calculated?

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.

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

Related MCP Servers

mcp-figma
smithery-ai
A
security
F
license
A
quality
A Model Context Protocol server that provides access to Figma API functionality, allowing AI assistants like Claude to interact with Figma files, comments, components, and team resources.
Last updated -
18
34
1
Figma MCP Server
1yhy
-
security
A
license
-
quality
A 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 -
124
6
TypeScript
MIT License
Claude Figma MCP
tonycueva
-
security
F
license
-
quality
A Model Context Protocol (MCP) server that enables Claude to create and manipulate designs in Figma through either a Figma plugin or directly via the Figma API.
Last updated -
TypeScript
Figma MCP Server with Chunking
ArchimedesCrypto
A
security
A
license
A
quality
A 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 -
7
2
TypeScript
MIT License

View all related MCP servers

Figma MCP Server