本文へスキップ
Codex DesignBETA

Codex で画像生成する方法。

はい、Codex は画像を生成できます。UI のアセット、イラスト、アイコン、背景、モックアップを、Codex がコードを書く同じ会話の中で作り、続けてのプロンプトで編集できます。このガイドでは、デスクトップアプリ、CLI、IDE 拡張機能での使い方、画像生成が利用上限にどう数えられるか、うまく動かないときに確認することを解説します。

2026年11月6日 更新 · 約 6 分で読めます

Codex で画像を生成するには

作りたい画像を、ふだんの言葉で説明します。画像生成を明示的に呼び出したいときは、プロンプトに $imagegen を入れます。既存の素材を編集したいとき、あるいはビジュアルの手本にしたいときは、リファレンス画像を添付します。

  • ChatGPT デスクトップアプリ(Codex): 入力欄で頼み、リファレンス画像があれば添付します。生成された画像を選ぶと開きます。Focused view は 1 枚だけを表示し、Canvas view は会話内のすべての画像を表示します。Canvas view では、Comment で 1 枚または複数の画像にフィードバックを残せるほか、Multi-select で複数を選んで、変更内容をまとめて送れます。
  • Codex CLI: 対話セッションで画像を説明するか、$imagegen を入れます。既存の画像は -i または --image で添付します。
  • IDE 拡張機能: 拡張機能のチャットで頼みます。リファレンス画像を加えるには、Shift を押しながら入力欄にドラッグします。
UI アセット
$imagegen 家計簿アプリの空の状態に使うイラストを作ってください。無地の温かみのある白い背景に、小さな鉢植えと、積み上げたコイン。フラットな形、使う色は濃いグリーンとやわらかなコーラルの 2 色だけ、輪郭線なし。正方形で、被写体のまわりに余白をたっぷり取ってください。文字は入れないでください。

うまくいくプロンプトの書き方

OpenAI は、画像がうまくいくかどうかを左右する要素を押さえた、1〜3 文のはっきりした文章を勧めています。

  1. 用途: アプリの空の状態、ブログのヘッダー、オンボーディング画面など。
  2. 被写体: 何が写っていて、何が起きているか。
  3. 構図とスタイル: 画角、サイズ、色。必要なら光や素材も。
  4. 制約: 画像に含めてはいけないものも含みます。

感想ではなく、具体的な視覚の言葉を使いましょう。「きれいな照明」より「左からのやわらかな昼の光」のほうがうまくいきます。変えたくないものがあれば、もう一度書いておきます。

手元の画像を編集する

何を変えて、何をそのままにするかをはっきり伝えます。変えるのは一度に 1 つだけにすると、ほかの部分がずれません。

1 つの要素だけ変える
添付した画像を編集してください。コインだけを小さな電卓に置き換えます。鉢植え、色、背景、トリミング、そのほかのすべてをまったく同じままにしてください。文字は追加しないでください。
  • リファレンス画像が複数あるとき: 「画像 1 が編集するスクリーンショット、画像 2 がスタイルの手本」のように順番で呼び、それぞれから何を取り入れるかを伝えます。
  • 画像の中の文字: 正確な文言を引用符で囲み、フォントのスタイル、サイズ、色、位置を説明し、ほかの文字を入れてよいかも伝えます。文字が多い画像や重要な画像は、すべての単語を自分の目で確認してください。

画像生成は利用上限にどう数えられるか

  • プラン: 画像生成は Free プランでは使えません。Plus、Pro、Business、Enterprise、Edu と、API キーで使えます。
  • 使用量: 画像生成は Codex のほかの作業と同じ上限に数えられ、品質とサイズによりますが、画像なしの同程度のターンに比べて、含まれる利用枠を平均で約 3〜5 倍の速さで消費します。
  • 上限に達したあと: クレジットがあれば、クレジットから消費されます。
  • API キーを使う場合: プランの上限ではなく、API の料金が適用されます。大量に生成するときは、OPENAI_API_KEY を設定して、API 経由で画像を生成するよう Codex に頼むことを OpenAI は勧めています。

Codex のドキュメントによると、組み込みの画像生成は gpt-image-2 を使います。OpenAI は 2026 年 11 月 4 日に、ChatGPT と Codex 向けの GPT Image 2.6 を発表しました。変更点は GPT Image 2.6 で UI デザインを参照してください。

プランの料金と上限のリセットについては、Codex の料金:プラン、利用上限、クレジットを参照してください。

画像生成がうまくいかないとき

  • Free プランを使っている。 画像生成は含まれていません。Plus 以上のプランか、API キーが必要です。
  • 上限に達した。 リセットを待つか、Plus や Pro ならクレジットを購入するか、API キーを使います。
  • CLI で画像がまったく生成されない。 codex features list を実行して、image_generation が true になっているか確認します。そうでなければ、codex features enable image_generation でもう一度オンにします。
  • 会社や学校のワークスペースを使っている。 メンバーが使える機能は管理者が管理しているので、画像生成が自分に対してオンになっているか管理者に確認してください。
  • 結果がプロンプトの一部を無視している。 プロンプトを短くし、いちばん大事な条件を繰り返し、追加の指示では一度に 1 つだけ変えます。

生成した画像を UI デザインに使う

画像生成がいちばん役に立つのは、画面がどんな見た目になりうるかをすばやく探るときと、イラスト、アイコン、背景などのアセットを作るときです。実際に作る画面では、モックアップ画像を 2〜3 枚生成して方向性を選び、Codex に HTML として作り直してもらう、という流れがよく使われます。そうすれば、本物のテキスト、余白、色を編集できます。UI デザイン向け GPT Image 2.6 プロンプトには、アプリ画面、Web サイト、ダッシュボード、アイコンのプロンプトが揃っているので、出発点に使えます。

よくある質問

Codex は画像を生成できますか?

はい。ChatGPT デスクトップアプリ、Codex CLI、IDE 拡張機能で画像を生成・編集できます。Plus 以上のプラン、または API キーが必要です。

$imagegen は何をするものですか?

Codex の画像生成スキルを明示的に呼び出します。ふだんの言葉で画像を説明するだけでも通常は動きますが、$imagegen を付ければ、Codex にどのツールを使わせたいかがはっきりします。

Codex が生成した画像はどこに保存されますか?

アプリでは、生成された画像は会話と画像ビューアーに表示されます。私たちの環境では、CLI は Codex のホームフォルダ(デフォルトは ~/.codex)内の generated_images フォルダに保存しました。使いたい画像は、たとえば public/images など、プロジェクトの中へ移すよう Codex に頼んでください。

続けて読む

Codex Design は Codex 向けの独立したプラグインです。OpenAI との提携や、OpenAI による承認はありません。