Figma MCPサーバーは、Figmaのデザイン情報をClaude CodeやCursorなどのAIエージェントへ渡し、逆にエージェントからFigmaのキャンバスへ書き込ませるための公式サーバーです。MCPサーバー自体の追加利用料はなく、キャンバスへの書き込みはベータ期間中無料ですが、読み取りの呼び出し上限はFigmaのプランとシートで決まり、無料のまま使える枠は月20回しかありません。この記事では、2026年10月19日時点の公式ドキュメントから、シート単価と呼び出し上限の対応、AIクレジットを消費するツール、リモート版とデスクトップ版の接続手順、対応クライアント27種を取り直して整理します。
まとめ:MCP自体は無料、回数を決めるのはシート
Figma MCPサーバーそのものに利用料はかかりません。キャンバスへの書き込み機能は「ベータ期間中は無料、いずれ従量課金の有料機能になる」と公式に明記されています。Figma側では、上限を引き上げるシート代に加え、操作によってAIクレジットの費用がかかります。総額を見積もる際は、利用するAIクライアントやモデルの料金も別に確認してください。
- View・Collabシート(無料のStarterを含む全プラン):月20回まで
- Dev・Fullシート:ProfessionalとOrganizationは1日200回、Enterpriseは1日600回。毎分10〜20回の制限も別にかかる
- シート単価(年払いの月額換算):Professional のDevが$12・Fullが$16。自分の下書き以外へ書き込むならFullシートが要る
- 接続先はリモートの
https://mcp.figma.com/mcpが推奨。デスクトップ版はDev・Fullシート(Professional・Education・Organization・Government・Enterprise)とFigmaデスクトップアプリが前提
月20回はプロンプト数ではなく、対象ツールの呼び出し回数です。構造取得やスクリーンショット取得を繰り返すほど消費するため、1画面に必要な回数は依頼内容によって変わります。試用の範囲を超えて実務に入れるなら、Professional のDevシート($12)が最小構成になります。
Figma MCPサーバーの料金:無料の範囲と実際にかかる費用
費用はMCP利用料・シート代・AIクレジットに分かれます。MCP利用料は現時点でゼロ、上限を決めるのがシート代、一部のツールだけがAIクレジットを消費します。
シート単価と呼び出し上限の対応表
Figmaの料金ページ(USD表示・年払いの月額換算)のシート単価に、MCPの上限を並べた表です。Starterは無料プランで、有料シートを持てません。
| プラン | シート | 単価(月額) | MCPの上限 |
|---|---|---|---|
| Starter | 無料 | $0 | 月20回 |
| Professional | Collab | $3 | 月20回 |
| Professional | Dev | $12 | 1日200回・毎分10回 |
| Professional | Full | $16 | 1日200回・毎分10回 |
| Organization | Dev | $25 | 1日200回・毎分15回 |
| Organization | Full | $55 | 1日200回・毎分15回 |
| Enterprise | Dev | $35 | 1日600回・毎分20回 |
| Enterprise | Full | $90 | 1日600回・毎分20回 |
読み取り中心のエンジニアならDevシートで足ります。DevとFullは呼び出し上限が同じですが、Devは自分の下書きに書き込める一方、下書き以外への書き込みにはFullが必要です。OrganizationへDevシートで移っても1日の上限は200回のまま変わらず、増えるのは毎分の上限だけ。1日200回で足りないチームが上限のために選べるのはEnterpriseしかありません。日本円の表示額は料金ページで地域を日本にして確認してください。
従量課金になる予定の範囲とAIクレジットを使う3つのツール
有料化が予告されているのはMCPサーバー全体ではなく、キャンバスへの書き込み機能です。Write to canvasのドキュメントは「ベータ期間中は無料で、いずれ従量課金の有料機能になる」と書いており、課金開始日や単価は2026年10月19日時点で発表されていません。
一方、すでにFigma AIクレジットを消費するツールがあります。レート制限とアクセスのドキュメントが挙げるのは次の3つで、それ以外の大半のツールはクレジットを使いません。
generate_image:画像1枚ごとに消費。消費量は画像モデルで変わるsend_prompt:Figma Makeのエージェントがコードを作成・変更したときsend_code_to_figma:ローカルのプロジェクトを取り込む初回は無料、その後のプロンプトと変更は消費
Figma Weaveのツールは、Figma AIクレジットではなくWeaveのクレジットを使います。クレジットを使う操作はMCPの呼び出し上限には数えられません。プラン別のクレジット量はFigma MakeのAIクレジットとプラン別の上限をまとめた記事で扱っています。
プラン×シート別のツール呼び出し上限と「上限に達した」ときの対処
上限は「どのシートで認証したか」と「対象ファイルがどのプランに属するか」の組み合わせで決まります。表の数値だけを見て契約すると、2つ目の条件で詰まります。
ツール呼び出し上限の現行値と対象外のツール
| シート | Starter | Professional | Organization | Enterprise |
|---|---|---|---|---|
| View・Collab | 月20回 | 月20回 | 月20回 | 月20回 |
| Dev・Full | なし | 1日200回・毎分10回 | 1日200回・毎分15回 | 1日600回・毎分20回 |
Educationプランは、ProfessionalのDev・Fullと同じ1日200回・毎分10回です。上限がかかるのはFigmaからデータを読み取るツールで、書き込み系の add_code_connect_map・create_new_file・generate_figma_design・whoami は対象外と明記されています。Figmaは上限をいつでも変更できるとしているため、見積もりに使う前に公式の表を開き直してください。
「月6回」と書く記事が残っている理由
2026年9月までは、Starterが月20回、有料プランのView・Collabが月6回という逆転した並びでした。現在の表ではView・Collabが全プランで月20回にそろっています。それでも「月6回」の記述が出回るのは、公式の資料にも旧値が残っているためです。
- GitHubのfigma/mcp-server-guideのREADME:「Starterプラン、または有料プランのView・Collabシートは月6回まで」のまま
- REST APIのレート制限ページ:表はView・Collabを月20回としつつ、本文の例はStarterのファイルを月6回と書いている
数字が割れたときは、MCPの開発者ドキュメント(rate-limits-access)を正とするのが安全です。2026年9月28日にFigmaのコミュニティサポートがフォーラムで回答した内容も、Starterは月20回でした。
上限到達エラーの原因切り分けと引き上げの順序
「You’ve reached the Figma MCP tool call limit」と出たら、リモート版ではまずエージェントに whoami を実行させます。サインイン中のメールアドレス、所属するすべてのプラン、プランごとのシート種別が返るため、別アカウントで認証していた取り違えをここで潰せます。whoami 自体は上限に数えられません。whoami はリモート版専用のツールなので、デスクトップ版ではFigmaアプリでサインイン中のアカウントと、契約プランでのシートを画面で確認します。
Dev・Fullシートを持っているのにすぐ止まるなら、作業中のファイルがそのシートのプランに置かれていない可能性があります。公式ドキュメントは、権限エラーの確認項目として「そのアカウントがファイルを所有するプランに属しているか」を挙げています。下書き(Drafts)やStarterのチームにあるファイルを、契約済みのチームのプロジェクトへ移してから再実行してください。
残り回数を確かめる画面はありません。前述のフォーラム回答でFigmaのサポートは、Starterの月間上限はプランの月次サイクルでリセットされること、使用回数や残数を示すダッシュボードは現時点で無いことを説明しています。上限を上げる手段は、View・CollabからDev・Fullへのシート変更、StarterからProfessional以上への移行、1日200回からEnterpriseの600回への移行の3つです。
リモートサーバーとデスクトップサーバーの違いと選び方
Figmaは、クラウドで動くリモートサーバーと、Figmaデスクトップアプリ内で動くデスクトップサーバーを用意しています。デスクトップ版の設定ドキュメントの冒頭には「リモートサーバーを強く推奨する」とあり、デスクトップ版は組織・エンタープライズ特有の用途向けという位置づけです。
| 項目 | リモート | デスクトップ |
|---|---|---|
| 接続先 | mcp.figma.com | 127.0.0.1:3845 |
| Figmaアプリ | 不要 | デスクトップアプリ必須 |
| 対象の指定 | リンク(URL) | 選択中のレイヤーも可 |
| キャンバス書き込み | 対応 | 非対応 |
| 利用条件 | Governmentを除く全プラン・全シート | Dev・Fullシート(Starter不可) |
| 使えるツール | 全ツール | Remote onlyの印が付いたものを除く |
リモートで始め、「選択中のフレームを実装して」という指示を多用したい人だけデスクトップを足す、で迷いません。リモート版では、レイヤーを右クリックして「選択範囲へのリンクをコピー」で取ったURLをプロンプトに貼ります。
Figma for Governmentがデスクトップ版に限られる制約
Figma for Governmentではリモートサーバーが提供されず、デスクトップサーバーだけが使えます。ツールは get_design_context や get_metadata などの読み取り系とCode Connectのマッピング系の7種+プロンプト1つに限られ、キャンバス書き込みとエージェントスキルは対象外です。このMCP機能はFigmaのFedRAMP監査の範囲に入っていないと公式が明記しているため、公共調達の案件では設計前に確認が要ります。
リモートとデスクトップの接続手順とクライアント別の設定
指定する接続先は2つだけです。リモートは https://mcp.figma.com/mcp、デスクトップは http://127.0.0.1:3845/mcp。リモート版では、クライアントで認証を開始し、ブラウザでFigmaアカウントへのアクセスを許可します。デスクトップ版は、Figmaアプリでサーバーを有効にして接続します。
Claude Code・Codex・VS Code・Cursorへのリモート接続設定
リモート版の導入ドキュメントは、Claude Code・Codexアプリ・Cursor・Xcodeでは、MCPの設定とFigmaのスキルを同梱したプラグインの導入を勧めています。スキルはキャンバス書き込みの安定性に効きます。Claude Codeではプラグインの導入後に再起動し、/plugin のInstalledタブでfigmaを選んで認証します。Cursorでは追加を確定した後、設定のTools & MCPでFigmaのConnectを押します。
ターミナルで実行するコマンド(Claude CodeとCodex CLI)は次のとおりです。
# Claude Code:プラグインで導入(推奨)
claude plugin install figma@claude-plugins-official
# Claude Code:手動で追加(全プロジェクトで使うなら --scope user)
claude mcp add --scope user --transport http figma https://mcp.figma.com/mcp
# Codex CLI
codex mcp add figma --url https://mcp.figma.com/mcp
Cursorはチャット欄に /add-plugin figma と入力します。VS Codeはコマンドパレットの「MCP: Open User Configuration」で開いた mcp.json に次を貼り、サーバー名の上の「Start」を押して認証します。
{
"inputs": [],
"servers": {
"figma": {
"url": "https://mcp.figma.com/mcp",
"type": "http"
}
}
}
Claude Codeに手動で追加した場合は、/mcp からfigmaを選び「Authenticate」で認証します。既定では現在のプロジェクトにだけ追加されるので、別のリポジトリで使えないときは --scope user の付け忘れを疑ってください。ブラウザ版での設定はClaude Code Web版の始め方を解説した記事にあります。
デスクトップサーバーの有効化と127.0.0.1への接続設定
Figmaデスクトップアプリを最新にしてDesignファイルを開き、何も選択していない状態でShift+DでDev Modeへ切り替えます。右サイドバーの「MCP server」セクションで「Enable desktop MCP server」を押すと、画面下部に確認メッセージが出て http://127.0.0.1:3845/mcp で待ち受けが始まります。
Claude Codeはターミナルで次を実行します。
claude mcp add --transport http figma-desktop http://127.0.0.1:3845/mcp
Cursorなど設定ファイルで登録するクライアントには、次のJSONを書きます。
{
"mcpServers": {
"figma-desktop": {
"url": "http://127.0.0.1:3845/mcp"
}
}
}
VS Codeならエージェントモードのチャットで #get_design_context と打ち、候補に出れば接続成功です。出ないときはFigmaアプリとVS Codeを再起動します。サイドバーの設定モーダルでは、画像の扱い(localhostのリンクかプロジェクトへのダウンロードか)と、Code Connectのマッピングを応答に含めるかを切り替えられます。
読み取り18種・書き込み14種のツール構成と代表ツールの役割
ツール一覧ドキュメントには、読み取り18種と書き込み14種が載っています(Weave用のツールは別掲、プロンプトは create_design_system_rules の1つ)。2026年9月時点の書き込み11種から、html_to_figma・generate_image・send_code_to_figma などが加わりました。ツール名はプロンプトで指定しなくても、エージェントが依頼内容から選びます。
デザインをコードにする読み取り系:get_design_contextが入口
中心は get_design_context です。既定の出力はReact+Tailwindで、「Vueで」「プレーンなHTMLとCSSで」「iOSで」とプロンプトで指示すれば切り替わります。残りの読み取りツールは、この入口を補うか、範囲が大きすぎるときの代替です。
get_metadata:レイヤーID・名前・種別・位置・サイズだけのXML。巨大なフレームで先に構造を取り、必要な部分だけget_design_contextに回すget_variable_defs:色・余白・文字のバリアブルとスタイル。デザイントークンをコードと突き合わせるときdownload_assets:1回20ノードまで、PNG・JPG・SVG・PDFの書き出しと元画像を取得(リモート版のみ)get_motion_context:キーフレームとイージングをCSSの@keyframesやMotionのコードで返す。アニメーションの作り方はFigma Motionの使い方の記事で扱っています
コードからデザインを作る書き込み系:use_figmaと用途別ツール
書き込みの中心は use_figma です。Plugin API経由でFigmaファイル内でJavaScriptを実行し、Figma Design・FigJam・Figma Slidesのフレーム、コンポーネント、バリアント、バリアブル、Auto Layoutを実データとして作ります。新しい画像は追加できないため、upload_assets(PNG・JPG・GIF・WebP・SVG、1ファイル10MB・1回60ファイルまで)と組み合わせます。詳細はuse_figmaの仕組みと制限をまとめた記事で扱っています。
用途特化のツールは、取り込み元で使い分けます。
generate_figma_design:動いているWebアプリの画面をデザインレイヤーにする。上限の対象外だが、対応クライアントが限られるhtml_to_figma:自己完結したHTML(最大50MB)をレイヤーにする。コンポーネントやバリアブルは使わない素のレイヤーになるsend_code_to_figma:ローカルのプロジェクトをFigma Makeファイルか、Designファイルのコードレイヤーとして取り込む
キャンバス書き込みの利用条件は、開発者ドキュメントがProfessional・Education・Organization・Enterpriseプラン、ファイルの編集権限、リモート接続を挙げ、ヘルプセンターのFAQが「下書き以外へ書き込むにはFullシートが必要(Devシートは自分の下書きにだけ書ける)」と補足しています。応答は1回20KBまで、フォントはFigmaアカウントへアップロードしたものだけ、画像や動画を含むコンポーネントの取り込みとGIF作成は未対応です。公式も、本番ライブラリではなく複製したファイルで試すよう勧めています。
対応クライアント27種と接続方式の対応状況
Figma MCPサーバーに接続できるのは、Figma MCPカタログに掲載されたクライアントだけです。MCP対応を名乗る任意のツールから自由につなげるわけではなく、未掲載のクライアントの開発者向けには待機リストが用意されています。ヘルプセンターのガイド(2026年10月19日更新)の対応表は次のとおりです。
| クライアント | デスクトップ | リモート | 書き込み | プラグイン等 |
|---|---|---|---|---|
| Claude Code | ○ | ○ | ○ | Figmaプラグイン |
| Claude Desktop | ○ | ○ | ○ | Figmaコネクタ |
| Codex by OpenAI | ○ | ○ | ○ | Codex Skills |
| Cursor | ○ | ○ | ○ | Figmaプラグイン |
| VS Code | ○ | ○ | ○ | Figmaプラグイン |
| Copilot CLI | ○ | ○ | ○ | Figmaプラグイン |
| Kiro | ○ | ○ | ○ | Kiro Powers |
| Gemini CLI | ○ | ○ | 空欄 | 拡張機能 |
| Android Studio | ○ | ○ | × | なし |
| Xcode(ベータ) | × | ○ | ○ | Figmaプラグイン |
| Replit | × | ○ | × | なし |
| Amazon Q・Openhands | ○ | × | × | なし |
表に載せなかった14種は、Amp・Junie by JetBrains・OpenCode・Warpなど9種が3方式すべてに対応し、ClickUp・Dia・Linear・Meta Muse・Notionの5種はリモート版と書き込みだけに対応します。2026年9月の17種から増えたのは主にこの業務アプリ側で、エディタの外からFigmaを書き換える使い方が広がりました。表で書き込みに印が付くのは27種中22種です。Android Studioは読み取りだけで、Gemini CLIは表では書き込みが空欄ですが、Gemini CLI向けの設定記事はキャンバスへの書き込みもできると説明しており、資料間で食い違っています。
認証はユーザーごとのOAuthが基本です。エンタープライズ管理下の認可としてOkta Cross App Access(XAA)にも対応しており、対象は現時点でClaudeだけです。
上限を避けたいときのコミュニティ版:FramelinkとFigma MCP Bridgeの違い
公式の月20回では足りないが有料シートは増やしたくない、という理由でコミュニティ製のサーバーが選ばれています。代表的な2つは上限の扱いが正反対なので、名前だけで選ぶと期待が外れます。
| 項目 | 公式 | Framelink | Figma MCP Bridge |
|---|---|---|---|
| データの取り方 | Figmaのサーバー | Figma REST API | Figmaプラグイン |
| 認証 | OAuth | 個人アクセストークン | なし(ローカル) |
| Figmaの上限 | MCPの上限 | REST APIの上限 | 対象外 |
| デスクトップアプリ | リモートは不要 | 不要 | 必須 |
| 書き込み | use_figma等 | なし | 一部の編集ツール |
| 2026年10月の版 | ― | 0.13.2(2026-06-18) | 0.0.24(2026-10-11) |
Framelink MCP for Figma(GitHubのリポジトリ名はFigma-Context-MCP、npmパッケージはfigma-developer-mcp、MITライセンス)は、個人アクセストークンでREST APIを叩きます。ファイル取得はREST APIのTier 1に当たり、View・Collabシートでは月20回、Starterのファイルにはさらに厳しい上限がかかります。つまり「無料で無制限」にはなりません。レイアウト情報を簡潔に整えて返すため、AIへ渡すトークン量を抑えられる点が利点です。REST APIの上限の詳細はFigma APIのレート制限の実数をまとめた記事にあります。
Figma MCP Bridge(MITライセンス)は、Figmaデスクトップアプリで開発用プラグインを動かし、WebSocket(localhost:1994)経由でドキュメントのデータをMCPサーバーへ流します。ドキュメントの読み取りにFigma REST APIや公式MCPサーバーを使わないため、それらの呼び出し上限は適用されません。その代わり、ブラウザ版Figmaでは使えず、対象ファイルごとにプラグインを開いておく必要があります。Code Connectとの連携もありません。
業務のファイルで生成コードを既存コンポーネントにそろえたいなら、公式にDevシートを足します。個人の検証で回数だけが問題ならFigma MCP Bridgeが現実的です。Framelinkは上限の回避策ではなく、トークン量を抑える選択肢です。どちらも非公式で、Figmaの仕様変更への追随は保証されません。
出力精度を左右するFigmaファイル構造とCode Connectの整備
入力のFigmaファイルが粗ければ、MCPを通しても生成コードは良くなりません。Auto Layoutと意味のあるレイヤー名、トークンとして定義したバリアブル、カードやヘッダー単位の小さな範囲指定、そしてCode Connectかルールファイルで使うコンポーネントを先に伝えること。この4点で出力が安定します。
既存コンポーネントの再利用にはCode Connectが役立ちます。Figmaのコンポーネントとコード側のコンポーネントを対応づけておくと、エージェントが実在のコンポーネントを再利用します。Code Connectのヘルプによると、利用できるのはProfessional・Organization・Government・EnterpriseプランのFull・Devシートです(2026年10月16日更新の記載。以前の記載はOrganization以上でした)。ただしProfessionalで同時に有効にできるのは、ライブラリ1つとフレームワーク1つです。有効対象から外れた接続は保持されますが、MCPサーバーからは返されません。リモート版では clientFrameworks パラメータにReactなどのラベルを指定させます。設定手順はFigma Code Connectの使い方の記事にまとめました。
Figma MCPの導入を見送るべき条件と効く案件
見送りを検討すべきなのは、Auto Layoutも命名規則もそろっていないファイルしかない場合です。代表画面で生成コードのレビュー・修正時間を測り、手作業より短縮できなければ、先にコンポーネントとバリアブルを整理します。コンポーネントをほとんど再利用しない単発のLPやキャンペーンサイトでは、Code Connectの新規整備を前提にせず、小さな範囲の読み取りから試し、準備と修正の工数で採否を判断します。案件ごとの変換手段の比較はFigmaをReactへ変換する手段を比較した記事で整理しました。
効くのは、デザインシステムが動いていて、同じコンポーネントを多数の画面で組み替える継続開発です。管理画面や業務システムのフロントエンドがここに当たり、バリアブルをコード側のトークンと対応づけておけば、エージェントに変更後の値を取得させ、色や余白の更新をコードへ反映させられます。
当社では、Figmaでのデザイン設計からフロントエンド実装までを一続きで受けています。デザインシステムの整備から入るか、既存のFigmaファイルを前提に実装だけを切り出すかの判断も含め、UI/UXデザインの支援サービスから相談を受け付けています。
よくある質問
Figma MCPサーバーとは何ですか?
Figmaのデザイン情報を、MCP(Model Context Protocol)経由でAIエージェントへ渡すFigma公式のサーバーです。キャンバスへの書き込みにも対応し、提供開始時は「Dev Mode MCPサーバー」と呼ばれていました。MCPという規格自体はMCPの仕組みを解説した記事で扱っています。
Figma MCPは無料で使えますか?
MCPサーバー自体の追加利用料はなく、無料のStarterプランでもリモート版に接続できます。ただし無料で使えるのは月20回までです。実務で使うなら、1日200回まで使えるProfessionalのDevシート(年払いで月$12)が最小構成になります。キャンバスへの書き込み機能は、ベータ終了後に従量課金になると予告されています。
Figma MCPサーバーのURLは何ですか?
リモートサーバーは https://mcp.figma.com/mcp、デスクトップサーバーは http://127.0.0.1:3845/mcp です。デスクトップ版は、FigmaアプリのDev Modeで「Enable desktop MCP server」を押したあとでないと応答しません。
ツール呼び出しの上限はいつリセットされ、残り回数は確認できますか?
Figmaのコミュニティサポートは2026年9月28日のフォーラム回答で、Starterの月20回の上限はプランの月次サイクルでリセットされ、使用回数や残数を示すダッシュボードは現時点で無いと説明しています。
リモート版とデスクトップ版はどちらを使うべきですか?
公式はリモート版を強く推奨しています。デスクトップ版を選ぶ理由は、選択中のレイヤーを指示で対象にしたい場合と、Figma for Governmentを使う場合の2つです。