1DesignTool で最速のステアリングは、書くものではなく指し示すものです。Comment mode はライブプレビューをマークアップ面に変えます。⌥-click で要素を選び、メモを書くと、ピンはエージェントが編集する正確なノードに着地します。
Comment mode
プレビューレールの Comment mode ボタンで面を切り替えます。そこから:
- ⌥-hover — カーソル下の要素をハイライト。確定前にピンがどのノードに着地するかを正確に確認できます
- ⌥-click — その要素に番号付きの pin を落とします
- Draw — 領域をドラッグして、単一ノードではなくエリアをマーク
- Click a pin — 開いてコメントを書く・編集する
ピンはプレビューの横にスライドインする Comments パネルに入ります。それぞれに番号、セレクター、メモが表示されます。ボタンのカウンターは待機中のピン数を追跡します。
メモをエージェントに送る
各ピンにコメントを書きます。「この見出しを引き締めて、最大 2 行で」「これはサブ的な感じに」など。それから Send N new comments to agent を押します。メモは正確な要素に折り畳まれて次のターンに載るので、エージェントはあなたが意図したノードを編集します。推測した別のものではありません。
すでに解決済みのピンがある? 新しいものだけを送りましょう。パネルは未送信のメモを数えます。修正が反映されたらピンを解決またはクリアして、次のターンが古いマークを読み直さないようにします。
良いコメントの条件
良いブリーフと同じルールを小さくしたものです。仕組みではなく変化を名指しします。「14px #999 にして」より「これはサブ的な感じに」の方が効きます。トークンは design kit の担当なので、一貫して適用される方向性は、システムの残りと衝突する値より優れます。1 ピンにつき 1 件の指摘。2 つ問題があるならピンを 2 つ落とします。
ヒント: 修正が余白や配置に関するものなら、ノードを選ぶ代わりに領域を描きましょう。マークされたエリアは、要素の位置でエージェントにどれを指すかを伝えるので、セレクターより曖昧なマークアップに強いです。
ピンが置かれる場所
ピンは一時的なプレビューではなく、プロジェクトの状態に付着します。それを修正した実行が終わっても残り、解決されるまで次のブリーフに現れ続けます。プロジェクトを削除すれば一緒に消え、以前の状態を復元すればその状態のピンが戻ります。