Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Compact Figma MCP with validated batch ops through a local plugin bridge.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"figma-express": {
"command": "npx",
"args": [
"-y",
"figma-mcp-express"
]
}
}
}ターミナルでこれを実行します
claude mcp add figma-express -- npx -y figma-mcp-expressプロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"figma-express": {
"command": "npx",
"args": [
"-y",
"figma-mcp-express"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"figma-express": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"figma-mcp-express"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月8日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント sunhome243 で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(2.8.1)がレジストリに届いたのは3 か月前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには:Figma Context MCP, Claude Real Video, Figma MCP Server
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Let any LLM watch a video locally — and search everything it has ever watched.
The Figma MCP server brings Figma design context directly into your AI workflow.
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Fast, quota-free, stable Figma automation for coding agents. figma-mcp-express lets Claude Code, Codex, and other local agents read, edit, migrate, audit, screenshot, and prototype inside the real Figma Desktop file. It is built for serious design-system work: batch edits, multi-file routing, large-file reads, visible multi-agent activity, and prototype wiring without burning through official Figma MCP tool-call quotas.
Use it when screenshots and comments are not enough. The agent can inspect actual nodes, components, variables, styles, frames, prototype reactions, and connected files, then make targeted changes in the file designers already use.
Watch the demo video
Follow AI agents live as they fix issues, edit layouts, and design screens directly in Figma.
vkhanhqui/figma-mcp-go@fe6cd768 (the intermediate fork baseline used for this measurement), the default tools/list drops from 73 tools / 12,214 o200k_base tokens to 21 tools / 3,283 tokens (73.1% smaller) — less context burned before the agent does any work.Plugin install is the shortest path.
Claude Code
claude plugin marketplace add sunhome243/figma-mcp-express
claude plugin install figma-mcp-express@figma-mcp-express
Codex
codex plugin marketplace add sunhome243/figma-mcp-express
codex plugin add figma-mcp-express@figma-mcp-express
plugin.zip or build from source.Plugins -> Development -> Import plugin from manifest....manifest.json from the unzipped plugin folder or from this repo's plugin/ directory.Plugins -> Development -> Figma MCP Express.fetch_library_catalog is the main REST-only exception and requires FIGMA_TOKEN.import_component_by_key can use them./mcp. See DEV-SETUP.md.Build from source
For other MCP clients, or if you want to modify the server:
git clone https://github.com/sunhome243/figma-mcp-express.git
cd figma-mcp-express make build
This produces bin/figma-mcp-express and plugin/dist/.
Add it to your .mcp.json:
{
"mcpServers": { "figma-mcp-express": { "command": "/absolute/path/to/bin/figma-mcp-express", "args": ["--port", "1994"] } } }
Restart your MCP client after building.
Advanced environment variables
FIGMA_TOKENMost workflows do not need a token. Live read/write tools talk directly to Figma Desktop through the plugin.
You only need FIGMA_TOKEN for REST-backed library catalog lookups such as fetch_library_catalog.
Account Settings -> Personal access tokensIf you installed from the marketplace, set it in your shell profile:
echo 'export FIGMA_TOKEN=your_token_here' >> ~/.zshrc
source ~/.zshrc
If you built from source, you can either export it in your shell or place it in a local .env file:
cat <<'EOF' > .env
FIGMA_TOKEN=your_token_here EOF
Shell environment variables take precedence over .env.
| Variable | Default | Description |
|---|---|---|
FIGMA_TOKEN | - | Required only for fetch_library_catalog. |
FIGMA_MCP_TOOL_PROFILE | core | core keeps the compact default tool surface. full restores the legacy compatibility/debugging surface. |
FIGMA_MCP_TOOL_SCHEMA_MODE | compact | compact trims tools/list descriptions to reduce MCP context tokens. Use verbose for full in-schema guidance. |
FIGMA_MCP_BATCH_MAX_OPS | 200 | Maximum top-level batch.ops entries accepted before plugin execution. |
FIGMA_MCP_BATCH_MAX_BYTES | 2097152 | Maximum encoded batch.ops payload size in bytes before plugin execution. |
FIGMA_MCP_STDIO_WORKERS | 16 | Number of stdio tool-call workers. Server-local tools can run concurrently; plugin-facing calls still serialize per Figma file. |
FIGMA_MCP_STDIO_QUEUE | 1000 | Buffered stdio tool-call queue size before mcp-go falls back to synchronous handling. |
FIGMA_MCP_SPILL_BYTES | 25000 | Response size threshold. Larger responses spill to .figma-mcp-cache/. |
FIGMA_MCP_TIMEOUT | 120 | Inactivity ceiling in seconds for lightweight ops. Resets on each progress heartbeat. |
FIGMA_MCP_READ_TIMEOUT | 600 | Inactivity ceiling in seconds for heavy reads and batch. Resets on each progress heartbeat. |
FIGMA_MCP_STALL_THRESHOLD | 45 | Seconds an op may hold a channel's serial slot with no progress before a new call on that channel is fast-rejected. |
The original bridge architecture and implementation underlying this project were created by GETHOPP LTD in gethopp/figma-mcp-bridge@82b28bc and released under the MIT License.
figma-mcp-express was initially created from an intermediate fork without knowing this earlier provenance. After learning the full lineage, we restored GETHOPP LTD's copyright notice and now credit the original project directly. We value a healthy, transparent open-source ecosystem and aim to make authorship and derivation explicit.
Required third-party copyright notices are preserved in LICENSE. figma-mcp-express is MIT-licensed and permits commercial use.