Skip to content
ReviewRamble

The weekly brief

AI, reviewed, in your inbox.

  • New reviews of tools, models, MCP servers and repos, with the verdict up front
  • Re-checked prices and ratings when something changes
  • New analysis pieces as they are published

Models, agents, MCP servers and the tools actually worth your time.

One email a week. Unsubscribe with the link in any brief. How we use your email

Figma MCP Server

Figmaのホスト型MCPサーバーです。コーディングエージェントにデザインのコンテキストを渡すほか、フレーム、コンポーネント、ダイアグラムを作る書き込みツールも備えています。

レビュー: Sheela · 更新

導入ガイド ソースコード無料プランあり

当サイトの評価

4.6/5

Figmaのサーバーは、コーディングエージェントにスクリーンショットではなく構造を渡し、今ではエージェントが描き返すこともできます。ただし、チームがどこまで頼れるかは、シートごとの読み取り制限で決まります。

Figma MCP Serverとは?

Figmaが推奨するのはhttps://mcp.figma.com/mcpのリモートサーバーで、デスクトップアプリが不要で、すべての機能を使えます。デスクトップサーバーは、それを必要とする組織向けにFigmaのデスクトップアプリを通じて動きますが、有料プランのDevまたはFullシートが必要で、書き込みツールのほとんどがありません。Figma for Governmentはデスクトップサーバーにのみ対応します。

ツールのページには32の中核ツールが載っています。読み取りツールが18で、get_design_context(初期状態ではReactとTailwind)、get_metadata、get_screenshot、get_variable_defs、search_design_systemなどがあります。書き込みツールは14で、use_figma、generate_figma_design、generate_diagram、html_to_figma、create_new_fileなどです。Figma Weaveのツールは別に掲載されています。

Code Connectのマッピングにより、生成されたコードがあなたのコンポーネントと一致し続けます。figma-specスキルを使うと、エージェントはオープンベータ中のFigma Specsを読んで更新できます。自分の下書き以外のキャンバスに書き込むにはFullシートが必要です。ベータの間は無料ですが、Figmaは利用量に応じた有料機能にするとしています。

Figma MCP Serverのインストール方法

https://mcp.figma.com/mcp

Figma MCP Serverは使う価値があるか?

デザインをコードに移すうえで重要なのはFigma自身のサーバーです。サードパーティのサーバーには真似できないアクセス権を持っているからです。get_design_contextは選択範囲の構造、スタイル、変数、コードを返し、Code Connectはエージェントを実際のコンポーネントに導き、get_metadataは軽量なXMLのアウトラインを返すため、エージェントは大きなフレームのうち必要な部分だけを取得できます。クライアントの一覧には、Claude CodeやCodexからCursor、VS Code、ベータのXcodeまで、20を超える対応ツールが載っています。

書き込みの側は新しく、リモートサーバー限定です。use_figmaはフレーム、コンポーネント、変数、オートレイアウトを作成・編集します。generate_figma_designは本番、ステージング、localhostで動いているWebのUIを編集可能なレイヤーに変換します。generate_diagramは説明やMermaidからFigJamのダイアグラムを作ります。Figmaはこれらのツールを使う前にスキルをインストールするよう勧めており、エージェントが補助なしでどれだけ確実に使えるかを物語っています。

購入する側が実感する制約はレート制限です。FullシートとDevシートは、Professional(1分10回)とOrganization(1分15回)で1日200回、Enterprise(1分20回)で1日600回の読み取り呼び出しが使えます。Starterのアカウントと、どのプランでもViewやCollabのシートは月20回で、安いシートで社内全体にサーバーを渡すことはできません。書き込みツールは対象外ですが、generate_imageとMakeのプロンプトツールはFigma AIのクレジットを消費します。

見落としやすいプランの詳細が2つあります。Professionalでは有効にできるCode Connectのフレームワークは1つだけなので、ReactとSwiftUIのコードベースを持つチームはその一方にしかマッピングを得られません。OrganizationとEnterpriseでは複数を使えます。Enterpriseで管理されたサインインは、Okta Cross App Accessを通じたClaudeにしかありません。Canvaのサーバーと比べると、対象は狭いものの、プロダクトチームにとってははるかに奥が深いサーバーです。

真価を発揮する場面

  • Claude Codeを使うReactチームのフロントエンドエンジニア

    承認された画面を、チーム自身のコンポーネントライブラリを使ってFigmaから作る

    フレームのリンクを貼ると、エージェントはget_metadataを呼び、続いてCode Connectをsrc/componentsにマッピングした状態で、各セクションにget_design_contextを呼び出します。ProfessionalのDevシート(月$12)でまかなえ、上限は1日200回の読み取り呼び出しです。

  • Enterpriseを使う、デザイナー40人のフィンテック企業のデザインシステム責任者

    Figmaのライブラリとコード化されたコンポーネントの足並みをそろえる

    figma-code-connectスキルでマッピングを提案・確認し、コード側でトークンが変わったらuse_figmaで変数を更新します。Enterpriseのシートあたり1日600回なら、ライブラリ全体を処理する余裕があります。書き込みはベータの間は無料です。

  • 15人規模のスタートアップのプロダクトマネージャー

    動いているステージングサイトを編集可能なフレームにして、変更のモックアップを作る

    エージェントにステージングのページでgenerate_figma_designを実行させ、そのレイヤーを直接編集します。リモートサーバーとFullシート(Professionalで$16)が必要で、Figmaはベータ後にキャンバスへの書き込みを有料にする予定です。

導入前に確認すること

導入
クライアントにhttps://mcp.figma.com/mcpを追加し、OAuthでサインインします。Claude Code、Cursor、VS Code、Copilot CLIにはFigmaのプラグインがあり、Codexにはスキルがあります。リモートサーバーは、現在の選択範囲ではなくフレームのリンクを受け取ります。
連携
32の中核ツールがあり、読み取りが18(get_design_context、get_metadata、get_screenshot、get_variable_defs、download_assets、search_design_system)、書き込みが14(use_figma、generate_figma_design、generate_diagram、html_to_figma、upload_assets)です。
データとプライバシー
サーバーがアクセスできるのは、あなたのアカウントがすでに開けるファイルだけで、ホスト型サーバーはそれをFigma側で処理します。FigmaのMCPサーバーのドキュメントは、今もファイルの内容からのプロンプトインジェクションに触れていません。インジェクションに関する警告は、Figma agentとFigma Makeが使う外部コネクターについてのものだけです。Okta XAAはClaudeにのみ対応しています。
大規模利用時のコスト
サーバーの料金はかかりません。Organizationを使うエンジニア20人のチームは、Devシート1つ$25で月$500を払い、それぞれ1日200回の読み取り呼び出しが使えます。1画面に5回の呼び出しなら、エンジニア1人あたり1日約40画面です。画像とMakeのツールはAIクレジットも消費します。
制限
1日の制限に加えて、プランに応じて1分あたり10、15、20回の上限があります。download_assetsは1回の呼び出しで20ノードまで扱えます。ProfessionalではCode Connectのフレームワークは1つだけ有効にできます。Figmaはいつでも制限を変更する可能性があります。

良い点

  • 画像だけでなく、構造化されたデザインのコンテキストとCode Connectのマッピング
  • get_metadataで、大きなフレームがコンテキストをあふれさせるのを防げる
  • フレーム、コンポーネント、FigJam、動作中のUIの取り込みのための書き込みツール
  • OAuth付きのホスト型で、デスクトップアプリが不要

気になる点

  • Enterprise未満では、FullまたはDevシートあたり1日200回の読み取り呼び出し
  • View、Collab、Starterは月20回
  • デスクトップサーバーには書き込みツールのほとんどがない
  • キャンバスへの書き込みは、利用量に応じた有料機能になる予定

おすすめの人

Figmaのファイルをコードにするフロントエンドエンジニアやデザインシステムのチーム、そしてキャンバスにエージェントの下書きを作らせたいデザイナーです。

Figma MCP Serverの代替

Figma MCP Server:よくある質問

Figma MCP Serverは使う価値があるか?
Figmaのサーバーは、コーディングエージェントにスクリーンショットではなく構造を渡し、今ではエージェントが描き返すこともできます。ただし、チームがどこまで頼れるかは、シートごとの読み取り制限で決まります。 評価は5点満点中4.6点です。
Figma MCP Serverの料金は?
Figmaのプランに含まれます。読み取りの呼び出しは、ProfessionalとOrganizationのFullシートとDevシートで1日200回、Enterpriseで600回です。Starter、View、Collabは月20回です。キャンバスへの書き込みはベータの間は無料です。
Figma MCP Serverの欠点は?
Enterprise未満では、FullまたはDevシートあたり1日200回の読み取り呼び出し; View、Collab、Starterは月20回; デスクトップサーバーには書き込みツールのほとんどがない; キャンバスへの書き込みは、利用量に応じた有料機能になる予定.
Figma MCP Serverは誰に向いているか?
Figmaのファイルをコードにするフロントエンドエンジニアやデザインシステムのチーム、そしてキャンバスにエージェントの下書きを作らせたいデザイナーです。
チームや本番環境でFigma MCP Serverを使うと費用はいくらか?
サーバーの料金はかかりません。Organizationを使うエンジニア20人のチームは、Devシート1つ$25で月$500を払い、それぞれ1日200回の読み取り呼び出しが使えます。1画面に5回の呼び出しなら、エンジニア1人あたり1日約40画面です。画像とMakeのツールはAIクレジットも消費します。
Figma MCP Serverは企業データを扱っても安全か?
サーバーがアクセスできるのは、あなたのアカウントがすでに開けるファイルだけで、ホスト型サーバーはそれをFigma側で処理します。FigmaのMCPサーバーのドキュメントは、今もファイルの内容からのプロンプトインジェクションに触れていません。インジェクションに関する警告は、Figma agentとFigma Makeが使う外部コネクターについてのものだけです。Okta XAAはClaudeにのみ対応しています。
Figma MCP Serverの代わりになるものは?
当サイトでレビューした中で最も近い代替はCanva MCP Server, Chrome DevTools MCP 、 Playwright MCPです。

回答確認日:2026年10月26日