前提：MCPは「AIとツールを結ぶオープン規格」である

Model Context Protocolは、AIアプリケーションを外部のデータソースやツールに接続するためのオープン仕様である。公式サイトは「AIアプリケーション版のUSB-C」と表現し、AIエージェントが標準化された方法で外部のツール・データ・ワークフローに接続できることを目的として掲げる。仕様は2024年11月にAnthropicが公開し、以降Claude、ChatGPTを含む複数のクライアント、VS CodeやCursorなどの開発ツールが対応を進めた。

構造としては、AIアプリケーション本体を「ホスト」、そこから接続を張るのが「クライアント」、外部の機能を提供する側が「サーバー」と呼ぶ。ホスト側は複数のサーバーを同時に登録でき、認証、ツール定義、応答の受け渡しはプロトコル層で標準化される。この設計により、HiggsfieldサーバーとFigmaサーバーは互いの実装を知らずに、Claudeという同じホスト上で並列に呼び出される。

つまり本稿で扱う連携は、HiggsfieldとFigmaのあいだに直接の統合が存在するという話ではない。「同じMCPホストに二つのサーバーを接続し、ホスト側で結果を橋渡しする」構成である。この位置付けを最初に共有しておく。

Higgsfield MCP Serverでできること

Higgsfield MCP Serverは、Higgsfield社が公式に提供するMCP準拠のリモートサーバーである。エンドポイントはhttps://mcp.higgsfield.ai/mcpで、Claude Web、Claude Desktop、Claude Mobile、Claude Codeのいずれからでも「カスタムコネクタ」として登録できる。認証はブラウザ経由でHiggsfieldアカウントにログインする方式で、API鍵の発行やSDKの導入は不要である。生成にかかるクレジットは通常のHiggsfieldプランから消費される。

MCP経由で呼び出せるモデルは、Higgsfield公式紹介ページで三十以上と案内されている。画像側はSoul 2.0、Nano Banana Pro、Flux 2.0、Seedream 4.5など、動画側はVeo 3.1、Sora 2、Kling 3.0、Seedance 2.0、Wan 2.6、MiniMax Hailuo、Soul Cinema、Cinema Studioなどが含まれ、音声側もEleven v3、MiniMax Speech 2.8 HD、VibeVoice、Seed Speech、Seed Audio 1.0が並ぶ。ブランド用途で重要な項目としては、Soul Charactersによる同一人物の再現、カメラ・レンズ・被写界深度の指定、ブランドキットの適用、参照画像から人物や商品を学習させたうえでの複数バリアント一括生成が挙げられる。

つまりHiggsfield側の役割は「Claudeの指示を受けて、参照画像とプロンプトを入力に、指定した画角・尺・解像度で画像や動画を返すこと」に整理できる。ここで問われるのは「入力に置く参照画像とテキストの品質」であり、その品質を上流で担保するのがFigma側の仕事になる。

Figma Dev Mode MCP Serverでできること

FigmaはDev Mode MCP Serverを公式に配布している。エンドポイントはhttps://mcp.figma.com/mcpで、公式ドキュメントによればVS Code、Cursor、Claude Code、Codex by OpenAI、Gemini CLI、Xcodeなど二十以上のクライアントに対応する。Claude DesktopとClaude Codeでの利用が公式に案内されており、認証設定を済ませたうえで会話にFigmaのリンクを貼るか、ノードを選択したうえで指示するかたちで使う。

Figma Dev Mode MCPが返す情報は、生のスクリーンショットではなく、Figmaファイルの構造化データである。公式ドキュメントに記載されている範囲では、選択したフレームやコンポーネント配下のレイヤー構造、Figma Variables（色・タイポグラフィ・スペーシング・レイアウトのデザイントークン）、コンポーネント階層とインスタンス、フレームからのコード生成結果、ライブUIをデザインレイヤーとして書き戻す機能、FigJamやFigma Make由来のリソースへの参照が含まれる。「キャンバスへの書き込み」機能はリモートサーバーの対応クライアントに限られる。

デザイン制作の現場から見ると、Figma MCPは「ブランドカラー、フォント、アイコン、既存のアートボード、承認済みモックアップ」を、コピー＆ペーストや目視転記を挟まずにClaudeへ流し込む口として使える。これがHiggsfield側に渡る参照画像とプロンプトの前工程を、そのままFigma上の意思決定に接続する。

Claudeに両サーバーを接続する

Higgsfield MCPとFigma Dev Mode MCPは、それぞれが独立したリモートサーバーである。Claude Desktopまたは Claude Webでは、Settings（設定）からConnectorsを開き、「Add custom connector」で二つを別々に追加する。

Higgsfield MCPの追加は、名前欄にHiggsfield、URL欄にhttps://mcp.higgsfield.ai/mcpを入力して保存し、コネクタを「Connect」で認証する。Higgsfieldアカウントにブラウザ経由でログインするとセッションが張られる。Claude Codeから接続する場合は、claude mcpコマンドまたは設定ファイルから同じエンドポイントを登録する。

Figma Dev Mode MCPの追加も同じ流れで、URLにhttps://mcp.figma.com/mcpを指定し、Figmaアカウントで認証する。ローカル版のFigma MCP Serverを利用する構成もあるが、複数クライアント間で使い回すならリモート版のほうが管理が楽になる。

両方が接続されたClaudeセッションでは、ユーザーの指示に応じて、Claudeが二つのサーバーからそれぞれ必要な関数を呼び出す。たとえば「このFigmaの商品LPからヒーロー画像とブランドカラーを抜き出して、Higgsfieldで一二秒の動画を作って」と指示すると、まずFigma側でノードとトークンを取得し、その結果をClaudeが要約したうえでHiggsfield側の動画生成関数へ引き渡す。

デザイン起点の映像制作パイプライン

「Higgsfield MCP × Figma MCP」を組み合わせる目的は、デザインの意思決定を映像側にそのまま引き継ぐことにある。ここで示す四つの段は、公式ドキュメントに書かれた各サーバーの機能範囲だけで組める、最小構成のパイプラインである。

一段目は、Figmaでのブランド定義の取り込みである。Figma Variablesに登録された色、タイポグラフィ、スペーシング、レイアウトトークンをFigma MCP経由でClaudeに読み込ませ、Higgsfield側のブランドキットに反映する。Higgsfieldは公式ページでブランドキット適用に対応する旨を案内しており、Claudeを介して両者のトークンを揃えることで、生成される動画のトーンが原則としてFigma上の定義から外れないようにできる。

二段目は、アートボードやモックアップを参照画像として引き渡す段である。Figma上のフレームを選び、Figma MCPから構造情報と書き出し済み画像を取得し、その画像をHiggsfield MCPの参照画像として渡す。商品パッケージ、店頭サイン、ウェブ広告のモックアップなど、Figmaで詰め切ったビジュアルをそのまま動画の起点に置ける。

三段目は、キャラクターと人物の固定である。Higgsfield MCPはSoul Charactersによる同一人物の学習と再現に対応しており、事前に学習させた人物IDをClaudeに握らせておけば、Figmaのシナリオ設計に沿って同じ人物のカットを別シーン・別衣装で連続生成できる。人物写真を用いる場合は、本人からの同意取得と、生成物の広告利用範囲まで含めた許諾整理を先に済ませる前提である。

四段目は、カメラとカット設計の指定である。Higgsfield MCPからは、カメラ、レンズ、被写界深度、アスペクト比、動きプリセット、感情や年代のパラメータまで呼び出せる。Figma側でストーリーボードとして並べたシーンを、Claudeに時系列で読ませ、各シーンに対応するHiggsfield呼び出しを順に発火させると、一本の会話の中で全カットの初稿を組み上げられる。

この四段は、いずれもデザイナー側の意思決定を映像側の入力として保存する働きをする。逆に言えば、Figma上でブランド定義とストーリーボードが定義されていないまま呼び出すと、Higgsfield側の自由度に飲まれて、当初のブランドから離れた出力が出やすい。

具体的なユースケース

一つ目のユースケースは、商品LPのヒーロー動画差し替えである。Figma上に確定済みの商品LPがあり、そのヒーローセクションを静止画から動画へ差し替えたい場合、Figma MCPからヒーロー画像とブランドカラー、周辺コピーの余白比率を取得し、Higgsfield MCPで同じ構図・同じ色調・同じアスペクト比の動画を生成する。Figma側で定義した安全域と、動画のアクション領域を一致させるためのメタ情報も、Figma Variablesとして持たせておくと再現性が上がる。

二つ目のユースケースは、SNS広告のバリアント一括生成である。Figmaでヘッダー・ボディ・CTAを分けた広告テンプレートを設計しておき、Figma MCPでコンポーネント階層を取得したうえで、Higgsfield MCPに複数のシーン展開を投げる。Higgsfield側のバッチ生成でアスペクト比違い（縦・横・スクエア）、尺違い、モデル違いのバリアントを一気に出し、Figmaへの書き戻しは静止フレームだけ返す設計にすると、確認負荷を抑えられる。

三つ目のユースケースは、ブランドムービーの絵コンテ検討である。Figma Slidesあるいは通常のフレームで絵コンテを並べ、Figma MCPでシーン順とキャプションを取得し、Claudeを介してHiggsfield MCPに順次動画化を依頼する。初稿は低解像度・短尺で回し、方向性が定まったシーンだけ4Kにアップスケールする、という段階的な費用制御ができる。Higgsfield MCPは同一クレジットの中でアップスケール、塗り足し、スタビライズを呼び出せるため、外部ツールを行き来せずに完結する。

四つ目のユースケースは、UGCスタイルの動画量産である。FigmaのブランドキットからロゴとカラーだけをHiggsfield側のUGC Skillに渡し、被写体は撮影素材または既存の商品写真を参照画像として供給する。ブランドの見え方はFigma側で管理し、演者側の演出はHiggsfield側で回すことで、テンプレート化した量産が成立する。

商用導入で確認すべきこと

四項目に絞る。

一つ目は、権限設計である。Higgsfield MCPをClaudeで「Always Allow」に切り替えると、以後は確認プロンプトなしに生成が実行される。Figma MCPも同様に、キャンバスへの書き込みを許可する設計にするか、読み取り専用にとどめるかを最初に決める。共有アカウントや管理下のClaudeでは、承認ステップを残して監査記録を取りやすくしておく。管理された組織アカウントでは、Anthropic側の管理者による許可リストへのMCP URL登録が必要となるケースがあり、Higgsfield公式資料でも同趣旨が明記されている。

二つ目は、監査ログである。Higgsfield MCP経由の生成はHiggsfield側のアカウント履歴に、Figma MCP経由の読み取り・書き込みはFigma側の履歴に、それぞれ独立して残る。Claude側のセッションログを含めた三系統を突き合わせられるよう、命名規則、プロジェクトIDの持ち回り方、指示テンプレートを事前に決めておく。

三つ目は、入力素材とデータの扱いである。Higgsfieldの利用規約は、通常契約においてはユーザーが入力した素材と生成結果を同社モデルの改善に用いる場合があると明記している。一方、Enterprise Agreementでは顧客コンテンツを学習に用いず機密として扱うと定めている。Figma側でも、共有範囲の設定と、外部連携の許可範囲を確認する。未発表商品、顧客素材、社外秘のキャンペーン設計をMCP越しに扱う場合は、両社の契約種別と学習利用の可否を事前に照合し、必要ならEnterprise相当の契約に寄せておく。

四つ目は、クレジットと予算管理である。Higgsfieldのクレジットは、Claudeが自動で反復生成を回す設計にすると、想定以上に消費される事故が起きやすい。生成回数の上限、モデルごとの単価目安、通知しきい値を、Claude側のシステムプロンプトかスキル定義として事前に持たせておくと、事故を防ぎやすい。Figma側は書き込み権限を絞ることで、意図しないファイル改変を抑える。

よくある質問

HiggsfieldはFigma用の公式プラグインを配布しているか

現時点では、Higgsfieldの公式ページにFigma専用プラグインの案内は見当たらない。連携は、Higgsfield MCPとFigma Dev Mode MCPをClaudeなどのMCPホストに並列で登録し、ホスト側でやり取りを橋渡しする構成が基本となる。

Figma MCPを使えばFigmaのすべてをClaudeに渡せるか

いいえ。Figma Dev Mode MCPが返すのは、選択したフレームやコンポーネント配下の構造化データ、Variables、コード生成結果、書き出し済みアセットなどである。プライベートに保護されたコメントや、権限のないファイルは対象外である。

生成した動画をFigmaに書き戻せるか

Figma Dev Mode MCPには、リモートサーバー経由でキャンバスに書き込む機能がある。ただし対応クライアントに制限があり、動画そのものを埋め込む用途にはFigmaファイル側の運用ルールも影響する。実務では、Higgsfieldで生成した動画のリンクとサムネイル画像をFigmaへ戻し、動画本体は別プラットフォームでレビューする設計が扱いやすい。

Higgsfield MCP側で追加料金は発生するか

Higgsfield MCPそのものの利用に別料金は設定されていない。生成にかかるクレジットは通常のHiggsfieldプランから消費される。Higgsfield Unlimited MCPを利用する場合のみ、Plus月額プランへの移行が発生する。Figma Dev Mode MCPの利用条件はFigma側の契約プランに従う。

Claude以外のクライアントでも同じ構成が組めるか

Higgsfield MCPはOpenClaw、Hermes Agent、NemoClaw、ChatGPTのPlugins Directory経由での追加に対応する。Figma Dev Mode MCPはVS Code、Cursor、Claude Code、Codex by OpenAI、Gemini CLI、Xcodeなど二十以上のクライアントに対応する。両方の対応表に載る組み合わせであれば、同種のパイプラインを別ホストでも構成できる。

まとめ

Higgsfield MCPとFigma Dev Mode MCPは、Anthropicが公開したMCP仕様の上で並存する、独立した二つのリモートサーバーである。Higgsfieldは画像・動画・音声の生成基盤を、Figmaはデザインファイルの構造化データを、それぞれClaudeに差し出す。両方をClaudeに登録することで、Figma上のブランド定義、アートボード、ストーリーボードを、Higgsfield側の参照画像・カメラ設計・キャラクター固定へと直結させ、デザインファイルから動画までを一つの会話で回すパイプラインが組める。

社内エージェントへ組み込む際は、権限設計、監査ログ、入力素材の学習利用可否、クレジット消費の上限管理を最初に決めておくと、後工程での事故を避けられる。Higgsfield MCPそのものの仕組み、モデル一覧、Higgsfield Skillsとの組み合わせについては、当社の関連記事で個別に扱っている。

Higgsfield MCP完全ガイドを読む

関連記事

公式情報

AIGC TIMESとは

AIGC TIMESは、AIクリエイティブ業界の専門メディアである。本メディア運営企業が一〇都市・二〇社以上のグローバルブランドへの実装を通じて蓄積したメソッド、独自調査に基づく業界動向、AIツールのアップデート情報を、公式noteと連動して継続的に発信している。

無料メソッド

AIクリエイティブの社内導入、研修、パートナー選定、ブランドコミュニケーションに関するメソッドを公開している。

AIGC TIMESのメソッドを見る

お問い合わせ

AIクリエイティブ制作、PoC、社内導入、研修についてのご相談は、公式フォームからお問い合わせください。

企業向けお問い合わせ

公式リンク