DesignLayer のサイト生成フローを大きく更新しました。要件整理（ブリーフ）は、AI が項目ごとに質問を重ねる形式から、作りたいサイトを自由に説明する形式へ切り替えました。

生成そのものも、事前のデザインプラン待ちをなくし、最初からコードがストリーム表示される方式に変更しています。プレビューが見えるまでの待ち時間が短くなり、v0 などに近い「書いてすぐ作る」体験に近づいています。

デザインブリーフでは、サイトの目的・雰囲気・載せたい内容などを、チャットに自由に書いてください。AI が追加入質なしでプロンプトを整理し、生成の準備を整えます。

内容を直したい場合は、確定後も入力欄から追記・修正できます。ダッシュボードの業種別テンプレートも、これまでどおり出発点として利用できます。

例: 「下北沢のスペシャルティコーヒー店の紹介サイト。自家焙煎のこだわりとメニュー、営業時間・アクセスを載せたい。温かみのあるナチュラルな雰囲気で。」

プロンプトの準備が整うと、「動きをつけて作成」または「シンプルに作成」を選べます。

・動きをつけて作成 — スクロールに連動したアニメーションを含むサイトを生成します

・シンプルに作成 — 動きを抑えた、落ち着いたレイアウトで生成します

生成開始はこのボタンから行います。テキストで「作成して」と送った場合も、同じ選択画面へ案内されます。

これまで TSX 生成では、コード生成の前にデザインプランを組み立てる段階があり、プレビューにコードが見えるまで空白の待ち時間が発生することがありました。

今回のアップデートでは、その事前プラン段階を廃止し、最初から生成結果がストリーム表示されるようにしました。品質チェックと自動リトライは引き続き動作するため、速さだけを優先して品質ゲートを外したわけではありません。

生成後の調整は、スタジオの AI チャットやデザインパネルで従来どおり行えます。画像はプレースホルダーのまま出力されるため、スタジオの画像差し替えから写真やロゴを追加してください。

業種に合わせたデザインの型や、品質を保つための検証ループも引き続き適用されます。

ダッシュボードから作りたいサイトを入力し、ブリーフで内容を確認したら、「動きをつけて作成」または「シンプルに作成」を選んでください。特別な設定は不要です。

既存プロジェクトも、新しく生成・再生成するときに今回のフローが適用されます。