Codex を あなたのクリエイティブなデザインワークスペースに。
Web サイトやアプリの UI、モックアップを、Codex の中のビジュアルキャンバスでそのままデザインできます。
/goal https://codexdesign.io/install.md を読んで、Codex に Codex Design をインストールしてください。やり取りは少なく。見える可能性は、もっと多く。
01 / WORKSPACE最初のプロンプトから、最後の仕上げまで。
会話から始めて、キャンバスで作り続ける。
- 01
プラグインをインストール。
インストール用プロンプトを Codex にコピーします。インストールが終わったら Codex を再起動し、新しい会話を開きます。
- 02
会話から始める。
UI や Web サイト、アプリのデザインを Codex に頼みましょう。最初のアイデアがキャンバスの上で形になっていきます。
- 03
選んで、自分好みに。
HTML モックアップの要素を選択すると、右サイドバーでフォント、色、余白などの UI プロパティを調整できます。
- 04
会話を続ける。
「もっとシンプルなレイアウトに」「別の方向性で」「もう少し洗練させて」。左のチャットサイドバーでデザインを磨き込めます。
- 05
画像でも探れる。
UI モックアップ画像の生成を Codex に頼み、キャンバスに置いて並べたり見比べたりしながら、次のデザインの指針にできます。
ひと言で、
新しい作り方を。
このプロンプトを Codex にコピーするだけ。あとはエージェントにおまかせです。
/goal https://codexdesign.io/install.md を読んで、Codex に Codex Design をインストールしてください。はじめる前に。
Codex Design は、Codex 向けの独立した UI デザインプラグインです。Web サイトやアプリのモックアップを作り、画像とライブ HTML をローカルのキャンバスで並べて比較し、ビジュアル編集と会話でデザインを磨き込めます。
いいえ。プラグインは今お使いの Codex の環境でそのまま動きます。プラグイン専用のトークン残高や API キーはありません。ただし、Codex の利用権限やプランの上限、該当する利用料金はこれまでどおり適用されます。
画像とライブ HTML ページです。インターフェースの方向性を並べて検討し、作品を配置し、HTML を Codex と一緒に磨き込めます。
キャンバスプロジェクトと素材は、お使いのコンピューターにローカル保存されます。Codex に共有したコンテキストを Codex がどう処理するかは変わりません。
プラグインに対応した Codex、Codex CLI、Node.js 22.12 以降が必要です。標準パッケージは macOS と Linux 向けで、Windows のネイティブ環境での動作はまだ確認できていません。Codex Design インストールガイドに沿って始めましょう。