本文へスキップ
Codex DesignBETA

Codex を あなたのクリエイティブなデザインワークスペースに。

Web サイトやアプリの UI、モックアップを、Codex の中のビジュアルキャンバスでそのままデザインできます。

/goal https://codexdesign.io/install.md を読んで、Codex に Codex Design をインストールしてください。
プロンプトをコピーして、新しい Codex の会話に貼り付けてください。
アイデアを、並べて見る。

やり取りは少なく。見える可能性は、もっと多く。

01 / WORKSPACE

最初のプロンプトから、最後の仕上げまで。

会話から始めて、キャンバスで作り続ける。

  1. 01

    プラグインをインストール。

    インストール用プロンプトを Codex にコピーします。インストールが終わったら Codex を再起動し、新しい会話を開きます。

  2. 02

    会話から始める。

    UI や Web サイト、アプリのデザインを Codex に頼みましょう。最初のアイデアがキャンバスの上で形になっていきます。

  3. 03

    選んで、自分好みに。

    HTML モックアップの要素を選択すると、右サイドバーでフォント、色、余白などの UI プロパティを調整できます。

  4. 04

    会話を続ける。

    「もっとシンプルなレイアウトに」「別の方向性で」「もう少し洗練させて」。左のチャットサイドバーでデザインを磨き込めます。

  5. 05

    画像でも探れる。

    UI モックアップ画像の生成を Codex に頼み、キャンバスに置いて並べたり見比べたりしながら、次のデザインの指針にできます。

小さなインストールで、大きな創作スペースを。

ひと言で、
新しい作り方を。

このプロンプトを Codex にコピーするだけ。あとはエージェントにおまかせです。

CODEX に貼り付け
/goal https://codexdesign.io/install.md を読んで、Codex に Codex Design をインストールしてください。
よくある質問

はじめる前に。

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