Figma連携MCPサーバーおすすめランキング【2026年11月】
Claude Code向けのFigma MCPサーバーで最もおすすめはFigma Context MCPです（GitHubスター1.6万）。有力な代替はFigma MCP ServerとFigma Ui Mcpです。
開発者向けのFigma MCPサーバー22件を、GitHubスター数で順位付けしています。どれもClaude Code、Cursor、Codexなど任意のMCPクライアントで使え、インストールコマンドと信頼シグナルへのリンク付きです。
Skillselionによるランキング · 利用データはskills.shレジストリとGitHubに基づきます · データ更新日 2026年11月8日。
Figma連携のMCPサーバートップ22
| # | MCPサーバー | GitHubスター |
|---|---|---|
| 1 | Figma Context MCPGLips · GLips/Figma-Context-MCPトップピック コーディングエージェントにFigmaデータへのアクセスを与えます。任意のフレームワークで、デザインをワンショットで実装できます。 | 1.6万 |
| 2 | Figma MCP Serverコレクションfigma · figma/mcp-server-guide Figma MCPサーバーは、Figmaのデザインコンテキストを、AIワークフローに直接取り込みます。 | 2161 |
| 3 | Figma Ui McpTranHoaiHung · TranHoaiHung/figma-ui-mcp Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back | 266 |
| 4 | Figma MCP ServerコレクションMatthewDailey · MatthewDailey/figma-mcp An MCP server that enables AI assistants to interact with Figma files—view, comment, and analyze designs directly through the protocol. | 214 |
| 5 | Figma Mcp Rustalvinindra · alvinindra/figma-mcp-rust Figma MCP server in Rust — plugin bridge, no API token, no rate limits, 73 tools. | 78 |
| 6 | Figmaコレクションmcparmory · mcparmory/registry Export files, access design data, manage projects, comments, and team assets | 32 |
| 7 | An MCP server for AI coding assistants to access Figma design data directly, with smart layout detection, icon merging, and CSS generation. | 30 |
| 8 | Figma MCP PROartemsvit · artemsvit/Figma-MCP-Pro Professional MCP server for design-to-code Figma analysis with framework optimization. | 27 |
| 9 | Canicodelet-sunny · let-sunny/canicode Analyze Figma designs for dev & AI readiness. 39 rules, scoring, HTML reports. | 10 |
| 10 | figmanagedannykeane · dannykeane/figmanage Let agents manage your Figma workspace. 102 tools for seats, teams, offboarding, and cleanup. | 9 |
| 11 | Figma Context MCPコレクションfelixAnhalt · felixAnhalt/figma-to-code-mcp LLM-optimized Figma MCP server. | 7 |
| 12 | Figma To Code McpfelixAnhalt · felixAnhalt/figma-to-code-mcp LLM-optimized Figma MCP server. | 7 |
| 13 | Anima MCP ServerコレクションAnimaApp · AnimaApp/mcp-server-guide Connect AI coding agents to Anima Playground, Figma, and your design system. | 6 |
| 14 | Figma MCP Server (Chunked)コレクションArchimedesCrypto · ArchimedesCrypto/figma-mcp-chunked Use Figma in a MCP with Chunking Support | 5 |
| 15 | Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI | 5 |
| 16 | Figma MCP Serverコレクションsanjeev23oct · sanjeev23oct/figma-mcp MCP server bridging Figma designs and React implementations, converting design files to React-compatible code and components. | 2 |
| 17 | Figma Context MCP AIRcompassalessandrolorenz · compassalessandrolorenz/Figma-Context-MCP-AIR Figma MCP server for AI agents. 9 tools: design context, variables, screenshots, and FigJam. | 1 |
| 18 | Figma Designera1245582339 · a1245582339/figma-designer Give AI agents full read & write access to Figma — 50+ tools for design automation | 0 |
| 19 | Figma MCP Serverdeepsuthar496 · deepsuthar496/figma-mcp-server An MCP server for Figma file content, components, version history, comments, webhooks, and team project operations. | 0 |
| 20 | Figma ReactMananSingh2001 · MananSingh2001/figma-react An MCP server that converts Figma designs into React code. | 0 |
| 21 | LspコレクションTagTeamDesign · TagTeamDesign/lightsync-pro Sync Lightroom, Figma, Dropbox & Canva assets to WordPress and Shopify via natural language. | 0 |
| 22 | UI Design to CodeコレクションKinglions · Kinglions/ui-design-to-code-mcp Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review. | 0 |
SkillselionはFigmaを十分にカバーしていますか？
Figmaは今回のベンダー群で最も採用数の多いトップピックを持っています。GLipsのFigma-Context-MCPが15,346スターで、Figma自身がメンテナンスする公式サーバーが1,713スターで続きます。ウェーブ1で最も強くノイズの少ない候補です。誤一致がなく、明確に差別化された圧倒的な1位があり、フォークや派生版（felixAnhaltの2件、Rustによる再実装、デザイントークン連携など）で、水増しせずに10行の表を埋められる厚みがあります。
Skillselionは独立ディレクトリで、Figmaとは提携していません。
これらのMCPサーバーがFigmaで上位に入る理由
1. Figma Context MCP
Figma Context MCPはFigma連携のMCPサーバー22件中、利用実績で第1位です（GitHubスター1.6万）。コーディングエージェントにFigmaデータへのアクセスを与えます。任意のフレームワークで、デザインをワンショットで実装できます。
2. Figma MCP Server
Figma MCP ServerはFigma連携のMCPサーバー22件中、利用実績で第2位です（GitHubスター2161）。Figma MCPサーバーは、Figmaのデザインコンテキストを、AIワークフローに直接取り込みます。
3. Figma Ui Mcp
Figma Ui McpはFigma連携のMCPサーバー22件中、利用実績で第3位です（GitHubスター266）。Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
4. Figma MCP Server
Figma MCP ServerはFigma連携のMCPサーバー22件中、利用実績で第4位です（GitHubスター214）。An MCP server that enables AI assistants to interact with Figma files—view, comment, and analyze designs directly through the protocol.
5. Figma Mcp Rust
Figma Mcp RustはFigma連携のMCPサーバー22件中、利用実績で第5位です（GitHubスター78）。Figma MCP server in Rust — plugin bridge, no API token, no rate limits, 73 tools.
よくある質問
Figma MCPサーバーはどのようにランキングされていますか？
自身の名前または説明文でFigmaに言及しているFigma MCPサーバー22件をGitHubスター数で順位付けしています。いずれもまだインストール数を報告していません。データはGitHubに基づきます。
Claude CodeにFigma MCPサーバーを追加するにはどうすればよいですか？
上の表からサーバーの個別ページを開き、インストールコマンドまたはJSON設定をコピーします。Claude Codeでは `claude mcp add <name> -- <command>` で登録します（またはMCP設定に設定を貼り付けます）。同じサーバーはCursor、CodexなどMCP対応の任意のエージェントでも使えます。
どのようなツールがFigma MCPサーバーとして掲載されますか？
自身の名前または説明文でFigmaに直接言及していること（作者名だけの一致や無関係な言及は除外）、そしてSkillselionカタログにMCP種別で登録されていることが条件です。現在この基準で22件が該当します。
SkillselionはFigmaと提携していますか？
いいえ。Skillselionは独立ディレクトリで、Figmaとは提携していません。ランキングはGitHubで公開されている利用シグナルに基づき、スポンサーや提携の影響を受けません。