ガイド
Codex で、もっといい UI をデザインする。
Codex でアプリや Web サイトをデザインするための、実際に試して確かめたアドバイス。指示の出し方、役に立つスキルとプラグイン、最初のアイデアから完成した画面までの進め方をまとめています。
まずはここから
- Codex のダウンロードとインストール方法デスクトップアプリ、CLI、IDE 拡張機能の公式ダウンロードとインストール手順。
- Codex の料金：プラン、利用上限、クレジットChatGPT の各プランで Codex にかかる費用と、上限に達したときの対処法。
- GPT Image 2.6 で UI デザイン新機能、Flare と Sunburst の違い、UI モックアップ向けのプロンプト。
- ChatGPT Sites の使い方：ChatGPT で Web サイトを作って公開するChatGPT や Codex で作った Web サイトの作り方、公開方法、料金。
- Codex で UI デザインする方法デザインブリーフから本番コードまでの 6 ステップのワークフローと、コピーして使えるプロンプト。
- ChatGPT で UI デザインする方法チャット、画像生成、Codex をいつ使い分けるか。ワークフローとコピーして使えるプロンプト付き。
- AI で UI モックアップを作る方法1 文の説明からワイヤーフレーム、高精度のモックアップまで。コピーして使えるプロンプト付き。
- Codex と Claude Code の UI デザイン比較デザイン用ツール、プレビュー、スキル、デザインシステムで 2 つのエージェントを比べます。
- AI っぽい UI デザインの特徴と避け方AI が作った UI だとわかる 12 のサインと、それぞれを直すプロンプト。