Community Figma MCP server
EXDST · 画像
Community Figma MCP serverは、EXDSTが公開した無料のオープンソースModel Context Protocolサーバーで、公式Figma MCPが残した穴を埋める。公式サーバーは設計ファイルを読むだけなので、AIアシスタントはFigmaドキュメントを調べられても、変更はできない。このコミュニティ版は書き込み権限を加えた。そのおかげでChatGPT、Claude、CursorなどMCP対応クライアントが、コンポーネントの作成、自動レイアウトの適用、レイヤーの改名、画面全体の組み立てをFigmaファイル内でこなせる。開発者がすでに手にしているエージェントの速度を、デザイナーにも渡すための製品だ。
Community Figma MCP server について
Community Figma MCP serverとは
Community Figma MCP serverは、AIアシスタントとあなたのFigmaデザインドキュメントをつなぐオープンソースの橋だ。話すのはModel Context Protocol。Claude Desktop、Claude Code、Cursor、Windsurf、VS Codeが外部ツールとやり取りするのに使っているのと同じ標準である。公式Figma MCPが読み取り専用なのに対し、このサーバーは書き込みもできる。だからAIアシスタントはノードを追加し、コンポーネントを組み、自動レイアウトを適用し、ファイルを整理できる。説明するだけでは終わらない。
この製品が生まれたのは、デザイナーが生産性の波から取り残されたからだ。分断を見てほしい。開発者は下書きやリファクタリングをエージェントに渡し、数分で取り戻す。デザイナーはFigmaの扉の前で壁にぶつかる。その差こそが、このAIデザイン自動化プロジェクトの狙いだ。EXDSTの答えは3つの部品が連動する形をとる。MCPサーバー、WebSocketリレー、そして入ってくる変更を待ち受けるFigmaプラグインである。サーバーはノード、コンポーネント、画像、レイアウトにまたがる24のツールを備え、それぞれが作成・読み取り・更新・削除の動作を担う。
唯一の選択肢ではなくなった。ローンチ以降、Figmaは自社のClaude Codeプラグインを出した。GoogleとAnthropicも自前のデザインツールを公開している。EXDSTはサーバーを開いたままにし、数あるツールの一つとして扱う。先に知っておくべき制約が一つある。動いているローカルサーバーと相棒のプラグインが必要で、そのまま使えるクラウドサービスではない。
はじめ方
- GitHubからfigma-mcp-serverリポジトリをクローンし、依存関係をインストールする。
- サーバーをローカルで起動する。Figmaとやり取りするため、ポート38450でWebSocketリレーを開く。
- 相棒のFigmaプラグインをインストールし、編集したいデザインドキュメント内で読み込む。
- MCPクライアントをローカルアドレスに向ける。Claude Desktop、Cursor、VS Codeが使える。
- ドキュメントに対してプロンプトを実行し、プラグインがノードごとに変更を当てる様子を見る。
AIツール情報
Community Figma MCP serverの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- プロダクトデザイナー：自然言語のプロンプトからコンポーネントとレイアウトを組み立てられる。すべてのフレームを手作業で作らずに済む。ただしローカルMCPサーバーの実行に抵抗がないことが条件だ。
- デザインシステムの管理者：ライブラリ全体の改名、整理、往復作業がはるかに速くなる。代わりにチーム全員が対応クライアントを用意する必要がある。
- CursorやVS Codeで働くデザイナー兼開発者：ツールを切り替えずに、デザインとコードを一つのエージェントセッションで扱える。
タスク
- コンポーネントの雛形作り：一行のプロンプトを、プロパティと子要素を持つコンポーネントフレームに変える。あとは磨くだけだ。
- 自動レイアウトの設定：新しいノードに縦または横の自動レイアウトを適用し、サイズを手で固定しないようにする。
- レイヤーの一括改名とドキュメント整理：手作業のクリックになるはずのノードの改名とグループ化をエージェントに任せる。
- 下書きの生成：詳細設計の前に、既存コンポーネントから組んだログインフォームのような出発点を作る。
シーン
- 新しい画面の着手：真っ白なキャンバスから、コーヒー休憩の間に構造ある下書きへ。
- 散らかったファイルの片付け：レイヤーごとにやらず、掃除そのものをエージェントに渡す。
- アイデアの素早い探索：バリエーションを求め、生成されたレイアウトから着想を得る。
- デザイナーでない同僚とのデザイン共有：変更したい点を言葉で説明してもらう。
主な機能
Figmaドキュメントへの読み書きアクセス
公式サーバーとの決定的な違いは編集だ。Community Figma MCP serverはノードの作成・読み取り・更新・削除ができる。だからAIアシスタントはドキュメントを説明するだけでなく、その上で作業する。実ファイルでAIによるFigma編集をしたいなら、コンポーネントの雛形作り、一括編集、往復作業を一つのセッションでこなせる。
ノード・コンポーネント・画像・レイアウトにまたがる24ツール
サーバーは実際のデザイン動作に対応する24のツールを公開する。create-component、create-node、auto-layout、set-property、find-by-idなどが並ぶ。これらを合わせると、作って確かめる一連の流れを覆う。求めた能力はそれぞれ一つ以上のツールに対応するので、プロンプトから変更までエージェントに明確な道筋がある。
MCP対応クライアントならどれでも動く
Claude Desktop、ChatGPT、Claude Code、Cursor、Windsurf、VS Code、MCP Inspectorを接続できる。開かれたMCP標準に従うため、一つのアシスタントに縛られない。クライアントの乗り換えは設定の変更で済み、作ったものを書き直す必要はない。
プラグインとWebSocketのアーキテクチャ
Figmaプラグインはサンドボックス内で動き、ローカルのWebSocketサーバー（ポート38450）で中継された呼び出しを待ち受ける。プラグインは待ち行列の各リクエストをドキュメントに当てる。これがFigmaプラグイン自動化の実体だ。セットアップに手間がかかる理由でもある。エージェントがFigmaに届く前に、リレーが動いていなければならない。
コンポーネントとプロパティのツール
エージェントはコンポーネントを組み、プロパティを公開できる。入力欄のラベルとプレースホルダーを思い浮かべるとよい。幅はコンポーネントに合わせて伸びるので、レイアウトは柔軟なまま保てる。大きな違いだ。フォームの絵と、実際に上に組み上げられるフォームの差がそこにある。
オープンソースとコミュニティの後押し
サーバーは無料でオープンソース。GitHubでは140以上のスターが付き、2026年1月のProduct HuntではProduct of the Dayの首位を取った。すべてが開かれているので、コードを読み、issueを立て、24のツールが何をするのかを確かめてから、実のデザインファイルを預けられる。
メリットとデメリット
メリット
- 無料のオープンソースで、使用や中身の確認にライセンス料がかからない。
- 公式Figma MCPに欠ける書き込み権限を加え、デザイナーもエージェントの助けを得られる。
- Claude、ChatGPT、Cursor、VS Codeなど多くのMCPクライアントで動く。
- 24のツールが、コンポーネントから自動レイアウトまで具体的なデザイン動作に対応する。
- Product Huntでの受賞とGitHubでの着実な採用があり、公に認知されている。
デメリット
- ローカルサーバーとFigmaプラグインが必要で、ホスト型ツールよりセットアップが手間だ。
- ファイルに書き込めるため、曖昧なプロンプトは乱れた不要なノードを生みかねない。
- 一社によるコミュニティプロジェクトでFigma公式製品ではないため、長期的なサポートは保証されない。
- Figmaが競合する自社プラグインを出すようになり、第三者サーバーが不要な場合もある。
よくある質問
無料だ。しかもオープンソースである。サブスクリプションも席ごとの料金もない。コードを読んで自分で実行できる。用意するものは動かすマシンだけだ。
関連コンテンツ
Community Figma MCP serverに関連するツール、スキル、記事を探す。
Community Figma MCP serverの代替ツール
X Ray Interpreter
X-ray Interpreter · 画像X Ray Interpreter は、X 線、CT、MRI、超音波、PET の画像を平易な言葉のレポートに変えるウェブベースの AI 放射線ツールだ。スキャン画像をアップロードすると、X 線の予備的な読影結果がすぐに返ってくる。説明が必要な箇所があれば、その後で追加の質問もできる。位置づけはセカンドオピニオンと学習の補助であり、医療診断ではない。
Aieasypic
AIEasyPic · 画像AIEasyPicは、単純なテキストプロンプトを数秒で完成したアート作品に変えるAI画像生成ツールだ。自分の写真でカスタムモデルを訓練したり、既存の画像の顔を交換したり、テキストから短い動画クリップを作ったりもできる。すべてブラウザだけで完結する。手早くビジュアルが欲しい気軽なクリエイターにも、コードを一切触らずに個人モデルを作りたい趣味の人にも向く。
Chargen
Chargen · 画像ChargenはDungeons & Dragonsやその他のテーブルトークRPG向けに作られたAIキャラクター生成ツール兼ワールドビルディングツールキットだ。一行のアイデアを描き上げたキャラクター肖像に変え、同じセッションでNPC、モンスター、マップ、遭遇を生み出し、すべてのクリーチャーの詳細を手元に置く。テーブルトークRPGアートの部分はGoldと呼ばれるクレジット制で動き、テキスト生成ツールは誰でも無料のまま使える。