Figma×ChatGPT Images 2.0連携完全ガイド｜デザインフローを変える新統合の使い方とコスト【2026年版】

「FigmaのMake Imageで画像を作ると、文字が崩れて使えない」——そんな経験を持つWEBデザイナーは多いはず。2026年4月21日、その悩みに終止符を打つアップデートが入りました。FigmaのMake Image / Edit Imageが、OpenAIの最新モデル「ChatGPT Images 2.0（gpt-image-2）」に対応したのです。

これにより、Figmaのキャンバスを離れずに、日本語テキスト精度99%の画像を生成・編集できるようになりました。プロトタイプの画面イメージ、プレゼン用のビジュアル、SNS用バナーまで、Figma1つで完結する世界が現実になっています。

本記事では、Figma×ChatGPT Images 2.0連携の全体像、対応プロダクト、AIクレジットの消費量、料金、そして現場で効くプロンプト設計まで、公式情報をベースに整理してお届けします。

Figma×ChatGPT Images 2.0連携とは？

2026年4月21日、Figmaは公式リリースノートで「OpenAIの最新画像モデル『ChatGPT Images 2.0』が、Make Image / Edit Image機能で利用可能になった」と発表しました。同日、OpenAIもChatGPT Images 2.0（API名：gpt-image-2）を一般公開しています。

これは単なる「裏側のAIモデル切替」ではありません。Figma Make Imageが採用するモデルにgpt-image-2が加わることで、Figma上の画像生成品質が、特に日本語テキストやUIモック領域で劇的に向上しています。

ChatGPT Images 2.0が持ち込む3つの強み

1. テキスト描画精度99%：日本語・中国語・韓国語など非ラテン文字を含めて、見出し・キャッチ・ボタン文字が崩れずに描画される
2. Thinking（推論）機能：生成前にレイアウトや配置を「考えてから」画像を作るため、UIモックや図解の精度が高い
3. インフォグラフィック・多言語対応の強化：複数言語が混在する画像、データを伴う図解の品質が大幅向上

「画像内に文字が入る制作物」全般で、後処理（Photoshopでの文字差し替えなど）が不要に近づきます。

どのFigmaプロダクトで使える？対応マトリクス

ChatGPT Images 2.0は、Figmaのほぼすべての主要プロダクトで利用可能です。

ここで注目すべきは、Figma Buzz・Slides・Weaveまで一貫して使える点です。プロトタイプから提案資料、SNSバナー、AIワークフローまで、同じ画像生成エンジンで横断的に作れる体制が整いました。

なお、Figma Designで利用可能な追加のAI画像ツール（Expand・Erase・Isolate・Vectorize）も、4月のアップデートでFigJam・Slides・Buzz（ベータ）に拡大されています。Vectorize（ビットマップ→ベクター変換）はSlidesとBuzzで利用可能です。

料金とAIクレジット｜実際にいくらかかる？

Figma×ChatGPT Images 2.0連携を業務で使うとき、最初に把握すべきは「Figmaのプラン料金」と「AIクレジット消費量」の2軸です。

Figmaのプラン別AIクレジット（2026年4月時点）

Make Image / Edit Image・Figma Make・各種AI機能はすべて、この共通AIクレジットを消費します。Make Imageでgpt-image-2を呼び出すと、より高品質な分、相応のクレジットを消費する点に注意が必要です。

クレジットが足りなくなったときの選択肢

業務利用で月内にクレジットを使い切るケースもあるため、追加クレジットも用意されています。

• 5,000クレジットパック：$120/月
• 7,500クレジットパック：$180/月
• 10,000クレジットパック：$240/月
• 従量課金（2026年Q2）：$0.03/クレジット

なお、2026年3月18日以降、Full seatのクレジット上限が厳格適用されているため、上限を超えるとリセットまたは追加クレジット購入まで一部AI機能がブロックされます。チーム導入時は、月のクレジット消費を見積もっておくことをおすすめします。

実務での使い方｜5つの活用シーン

それでは、実際にFigma×ChatGPT Images 2.0連携をどう活かすか、WEBデザイナー目線で5つのシーンを整理します。

シーン1：Figma DesignでUIモックの即時生成

Figma Designでフレームを選択し、アクションメニューから「Make an image」を選んでプロンプトを入力するだけ。Webサイトやアプリ画面のモック画像を、ボタン文字まで読める精度で生成できます。

プロンプト例：

「ECサイト商品一覧画面のUIモック、PC幅1440px。上部にロゴと検索バー、左サイドバーにカテゴリ、中央に商品グリッド3列。日本語UI、配色#FFFFFFと#1F2937のミニマル、商品カードに『春のセール 30% OFF』のラベル。」

シーン2：Figma SlidesでAIインフォグラフィック

提案資料の中に図解やインフォグラフィックを入れたいとき、Slidesの中でEdit Imageを使ってその場で生成・編集が完結します。

活用ポイント：

• データ図解・タイムライン・比較図など、文字精度が重要なビジュアル
• 多言語版（日英並記）のスライド資料

シーン3：Figma Buzzでマーケティング素材一括制作

Buzzはマーケティング素材作成に特化したFigmaの新プロダクト。SNSキャンペーンで複数フォーマットのバナーを作るときに威力を発揮します。

プロンプト例：

「カフェ新メニュー告知バナー（Instagram正方形1080×1080）。ベージュ背景、中央に『春の新作ラテ』の見出しを明朝体で大きく、下に『3/15販売開始』を細字配置。コーヒーカップの俯瞰写真を右下に配置。」

シーン4：FigJamでブレスト中の即時ビジュアル化

ホワイトボード上のディスカッション中に「この場面のイメージ画像が欲しい」となったら、FigJamのMake Imageで即座に生成。アイデア出しのスピードが格段に上がります。

シーン5：Figma WeaveでAI画像生成パイプライン構築

Weaveは「ノードベースのAIワークフロー」を組めるFigmaの新プロダクトです。ChatGPT Images 2.0と他のAIモデル（Nano Banana 2、FLUX.2など）をノードで接続し、再利用可能な生成パイプラインを構築できます。

ユースケース：

• スタイル統一されたシリーズ画像の自動生成
• ブランドアセットを参照した複数バリエーション制作
• 動画・3D・音声を組み合わせたマルチメディアワークフロー

プロンプト設計の5つのコツ

ChatGPT Images 2.0の能力を最大限引き出すには、プロンプト設計が重要です。Figma上で意図通りの画像を生成するためのポイントは次の5つ。

1. 配色はHEXコードで指定する：「ネイビー」ではなく「#1A2B4C」と書く
2. アスペクト比とサイズを明示する：「Instagram正方形1080×1080」「OGP 1200×630」など
3. レイアウトを言語化する：「左側に〇〇、右側に△△」「中央に大きく□□」と配置を記述
4. テキストは「」で囲み文字数制限を添える：「『新発売』6文字以内、明朝体」
5. 参照画像を併用する：Make Imageは参照画像のアップロードに対応。ブランドアセットや既存ビジュアルを添えると一貫性が上がる

特に「テキスト精度向上」を活かすなら、入れたい文字をプロンプト内に明示することが必須です。

注意点｜現場で引っかかりやすいポイント

便利な連携ですが、業務投入前に押さえておくべきポイントがあります。

1. 有料プランが必須（StarterはAIクレジットが少ない）

Make Image / Edit Imageの利用には有料プラン契約と、ファイル編集権限が必要です。Starter（無料）は500クレジット/月のみで、業務用途では実質Professional以上が必要になります。

2. クレジット消費に注意

Figma公式の目安では「3,000クレジットでFigma Makeのプロンプト50〜70回分」とされており、1プロンプトあたり40〜60クレジット以上を消費するケースがあります。月内のクレジット消費を意識して使いましょう。

3. ChatGPTアプリ連携は別物

Figma側のMake Image連携と、ChatGPT側にあるFigmaアプリ統合は別の機能です。後者（ChatGPTからFigmaへ書き出す機能）は、現時点でFigJamとFigma Slidesのみ対応、かつEU圏では未提供です。混同しないよう注意しましょう。

4. 透過PNGには非対応

ChatGPT Images 2.0（gpt-image-2）は透過背景に対応していません。アイコンやロゴなど透過が必要な素材は、Figma上のEraseやIsolateで背景を抜く後処理が必要です。

まとめ｜「FigmaだけでAI画像が完結する」時代へ

Figma×ChatGPT Images 2.0連携は、単なるモデル追加ではなく、「デザイン制作のすべてをFigma1つで完結させる」という戦略の一部です。

• Figma Design：UIモック・Webデザイン
• Figma Slides：提案資料・プレゼン
• Figma Buzz：マーケティング素材
• FigJam：ブレスト・図解
• Figma Weave：AIパイプライン

これらすべてで同じChatGPT Images 2.0を呼び出せるため、ツール間の往復・データ受け渡しのストレスが消えます。

WEBデザイナーにとって重要なのは、「どのツールを使うか」ではなく「どう使い分けるか」です。提案フェーズではSlides、実装フェーズではDesign、運用フェーズではBuzz——というように、プロダクト全体を俯瞰して使いこなすデザイナーが、これからの主役になっていきます。

まずはProfessionalプラン（$15/月）で、Make Imageを今日のUIモック制作に組み込むことから始めてみてはいかがでしょうか。Figma1つで完結する制作フローの快適さを、まず体感してみることが第一歩です。

猫乃手デザイン所｜IGA

猫の手も、デザインの手も。 中小企業・個人事業主の 「丸っとデザインします。

XFacebookInstagramLINEContact

猫乃手デザイン所は、 「専門用語はできるだけナシ」「現場感のある提案」を大切に、ホームページ・LP・バナー・資料デザインまで あなたの事業にそっと寄り添うWEBパートナーです。