Best Figma MCP Servers in 2026
Figma MCP servers feed structured design data — frames, components, styles, tokens — directly to the agent, replacing the screenshot-and-guess workflow with something that actually knows your spacing scale and color tokens.
Figma's official Dev Mode MCP server set the standard; community options below work without a Dev Mode seat by going through the REST API. Each detail page notes which access model it needs.
CursorのようなAIコーディングエージェントにFigmaレイアウト情報を提供するMCPサーバー
TalkToFigma:AIエージェント(カーソル、Claudeコード、Codex)とFigma間のMCP統合により、Agentic AIがFigmaと通信し、設計を読み取ったりプログラム的に修正したりできます。
あなたの設計システムをAPIとして活用しましょう。AIをFigmaに接続して抽出、作成、デバッグを行います。
Figma MCPサーバーの使い方ガイド
gethopp/figma-mcp-bridgeは、https://github.com/gethopp/figma-mcp-bridge.からインポートされたMCPサーバー候補です。
arinspunk/claude-talk-to-figma-mcp は、https://github.com/arinspunk/claude-talk-to-figma-mcp. からインポートされたMCPサーバー候補です。
tranhoaihung/figma-ui-mcpは、https://github.com/tranhoaihung/figma-ui-mcp.からインポートされたMCPサーバー候補です。
mhmzdev/figma-flutter-mcpは、https://github.com/mhmzdev/figma-flutter-mcp.からインポートされたMCPサーバー候補です。
matthewdailey/figma-mcp は、https://github.com/matthewdailey/figma-mcp. からインポートされたMCPサーバー候補です。
antonytm/figma-mcp-server は、https://github.com/antonytm/figma-mcp-server. からインポートされたMCPサーバー候補です。
timholden/figma-mcp-serverは、[[T0]からインポートされたMCPサーバー候補です。
AIエージェントがFigmaキャンバス上で安全に読み書きできるMCPサーバーです。Figmaプラグインと組み合わせることで、構造化された検証、デフォルトで安全な描画、そして耐久性のあるマルチウィンドウ機能を提供します...
FAQ
Official Dev Mode MCP or API-based server?
The official server gives the richest context but requires a Dev or Full seat on a paid Figma plan and the desktop app. API-based community servers work on any plan with a personal access token, with somewhat less live context.
What does design-to-code look like with MCP?
You link a frame, the agent reads its structure and tokens, then generates components that reference your real variables instead of hardcoded hex values. Quality depends heavily on how well the Figma file uses components and variables.
Can it write back to Figma?
Most servers are read-only by design. Figma's plugin API allows writes, but agent-driven design edits are still experimental — treat these as design-consumption tools.