デザインハーネス構築

• AIで作ったLPや画面の、色と余白が毎回ずれる
• レビューのたびに、同じ色や余白の指摘をしている
• AIにどんなルールを渡せばいいか分からない
• Figmaの部品が増えすぎて、誰も使っていない
• デザイナーがいないので、作る人ごとに見た目が変わる

その1：部品を全部作ると、更新が止まる

最初に部品を網羅すると、作ったあとに更新が追いつかなくなります。だから使う部品10個から始め、足りないものは運用に入ってから足します。

その2：変数の名前は、色ではなく役割で付ける

「青」ではなく「主ボタンの背景」のように使い道で名前を付けると、AIがどこに使うかを迷いません。だから変数は役割の名前で定義します。

その3：ルール文書は、AIが読む場所に置かないと渡したことにならない

AIのツールは、プロジェクトの決まった場所にある文書を自動で読みます。だからルール文書は、使っているAIツールが読む場所に組み込みます。

その4：色の値を人の目で見比べる運用は続かない

生成は一度に何案も出ますが、レビューは1枚ずつしかできません。だから色や余白の逸脱はFigmaのプラグインで自動検出し、人は体験の良し悪しだけを見ます。

その5：ルールに合わない画面は、必ず出る

例外を握りつぶすと、ルールが現場から離れていきます。だから例外は記録して、次の改訂で取り込みます。