提案の仕組み
生成済みのデザインフレームを選択すると、その横に提案が表示されます。提案は今見ているものに基づいているので、探索するのにデザインの専門用語は必要ありません。1つクリックすると、Replit Designがその結果を新しいフレームとして生成します。元のフレームはそのまま残ります。提案が提示するもの
提案はさまざまな探索の問いに答えます:- 新しい見た目: 同じデザインを別の方向性で提示する。たとえばダークなエディトリアル調のバリエーションや、異なるレイアウトなど。
- 拡張: デザインが暗示しているものの、まだ存在しないセクションやページ。たとえば料金セクションや問い合わせページなど。
- 新しいコンテキスト: デザインを別の場所に置いてみる。たとえばモバイルビューポートなど。
提案で探索する
このループはあえて短く設計されています:1
生成済みのフレームを選択する
Canvas上の任意の生成済みデザインフレームをクリックします。
2
提案を1つ選ぶ
選択したフレームの横に、今見ているものに基づいた提案が表示されます。それらを確認して1つクリックするだけで、何かを付け加える必要はありません。
3
クリックするとAgentが構築を始める
クリックした瞬間、Agentは元のフレームの隣に新しいフレームとして提案を構築し始めます。それまでのフレームはCanvas上に残るので、探索によって何かが失われることはありません。
4
変化を観察する
完成したフレームは元のフレームの隣に配置されるので、両者を並べて比較できます。チャットパネルには何が変わったかの要約が表示されます。
5
勝ち残ったデザインをアプリに適用する
ぴったりくる方向性が見つかるまで、選択と分岐を続けましょう。選択したフレームに応じて新しい提案が表示されます。勝ち残った案は必ずしもモックアップのままである必要はありません。それを選択し、アクションバーで**Build…**を選び、Apply to an existing creationの下から既存のアプリを選びます。Agentがデザインに合わせてアプリのコードを書き直し、参照用としてフレームはCanvas上に残ります。
Buildメニュー: 勝ち残ったフレームを既存のアプリに適用する。
ヒント
- ステップではなく方向性で探索する。 提案は分岐するものであり、1つに従ったからといって縛られるわけではありません。いくつか生成してCanvas上で比較しましょう。
- 自分の言葉も混ぜる。 提案とデザインチャットボックスは連携して動きます。提案をクリックして幅広く探索し、チャットで正確に方向づけましょう。チャットは仕上げ専用ではありません。*「ナビを左に置いてみて」*のようなメッセージも新しい方向性を開きます。
- 異なる感性を求めるならモデルを切り替える。 モデルごとに探索の仕方が異なります。異なるモデルで探索するを参照してください。