デザインシステムで9割まで作らせ、最後の1割は画面に書き込んで見せて直させる。システムへの書き戻しは人が決める

どんな問題を解決するか / いつ使うか

エージェントにデザインシステムとルールを守らせても、画面ごとの組み合わせや例外（バリエーション、複合レイアウト、端のケース）でずれが出る。デザインシステムを全部の場合に対応させようとすると、部品・状態・文書が増え続けて管理できなくなる。Luke Wroblewski が自分たちの開発で使っている進め方。

やり方

1. 最初の版は、デザインシステムとエージェント向けの指示で作らせる。投稿者によると、今のモデルでこれで約9割まで届く（以前のモデルでは5〜6割）。
2. 残りは、ずれている所を目で見える形でエージェントに渡し、1つずつ直させる。試した方法は、Figmaのコメント、スクショへの書き込み、チャットに文字で書く、など。投稿者のツール Intent では、画面全体に書き込む・スクショ・動画・音声を組み合わせて渡せる。
3. デザインシステム自体は小さく保つ。全部の組み合わせを載せようとしない。
4. 直した内容をデザインシステムに戻すかは人が決める。AIに自由に書き戻させると、パターンをまとめる方向ではなく、文書を増やす方向に行きがち。

注意点

• AIに学びをルールへ戻させる運用（DESIGN.mdは「作って終わり」にせず、要らないと決めた箇所を理由ごと書き戻して育てる など）は有効だが、書き戻す内容は人が選び、まとめられる物はまとめる。
• 画面への書き込みで指示する方法は Cursorのデザインモードに「Annotate」：画面に直接描いて・要素を直して、AIに見た目で頼む も参考になる。

出典

• @LukeW · 2026-11-05
• 記事：Design Feedback for AI Agents lukew.com