2つの編集方法
- 手動での視覚的編集
- チャットベースの編集
キャンバス上の要素を選択して変更することで、直接変更を加えます。この方法は精密な調整に最適です。コンポーネントの移動、色の変更、ラベルの更新、余白の調整などに向いています。
1
変更したい要素を選択
デザイン内のコンポーネントまたはレイヤーをクリックして選択します。
2
変更を加える
エディタコントロールを使用して、色、サイズ、位置、またはテキストコンテンツなどのプロパティを調整します。
3
結果を確認
変更はキャンバス上にすぐに反映されます。引き続き編集するか、次の画面に進みます。
画面の一部のみを編集
画面全体を編集する必要はありません。カード、ボタン、テキストラベルなどのサブ要素を選択すると、チャットプロンプトはそれだけに適用され、画面の残りの部分は変わりません。- Direct selectionモードにShift+Vで切り替えます（またはSelectツールバーボタンのドロップダウンから選択）。これにより、クリック下の最も深い要素を選択できます。通常の選択はVを押すか、Cmd（Mac）/Ctrl（Windows）を押し続けてDirect selectionを一時的に使用します。EscapeでDirect selectionを終了します。
- Cmd+Shiftで複数の画面間のサブ要素を選択します。単一のプロンプトでメッセージごとに最大6つの画面を編集できます。
前のバージョンを復元
チャット履歴の各AI生成は、元の結果を保持します。画面が生成後に編集または削除されている場合、そのチャットメッセージにRestoreボタンが表示されます。編集を取り消すにはRestore originalを、削除された画面を戻すにはRestoreまたはRestore allを使用します。編集が間違った方向に進んだ場合、これを使用して既知の良い状態に戻すことができます。ワンクリックアクション
- Try again from scratch — Flowstepに異なるレイアウトまたは視覚的方向で、現在の画面の新しいバージョンを生成するよう依頼します。
- Show the next screen — Flowstepに、ユーザーフロー内で論理的に次に来るものを生成するよう依頼します。
- Make it pretty — デザイン全体の余白、配置、色を調整します。レイアウトは変わりません。