
READ REPORT
「デザインハーネス」をこぎそさんが解説。AIが作った画面の「これでOK」を仕組みで決める方法がわかる
2026-09-13
家事と子育てのスキマで経営する3方よしAI共創コンサルタントの田中啓之、ひろくん(@passion_tanaka)です。今回は、株式会社Lumilinks代表のこぎそさん(@kgsi)がProduct Engineering Conference 2026で発表した「デザインハーネス」という登壇資料を紹介するね。
AIに画面を作らせるスピードは、正直びっくりするくらい上がりました。でも「これでOK」を誰が決めるかは、実はどこの組織でも決まっていない——こぎそさんの資料は、その見落としをコードのテストと同じ発想で塞ぐ話です。AIが作った画面の妥当性を、誰がどう担保するのか。この記事ではその考え方を解説します。
3行でわかるポイント
- AI生成物のレビューが個人に集中する現象——実は「妥当の定義が組織のどこにも無い」という構造の問題だとわかります
- 「デザインハーネス」の4層構造(制約・コンテキスト・検証・評価/フィードバック)——テストハーネスの発想をそのままデザインへ輸入したものだった
- ハーネスあり/なしの実測比較(12/28→23/28ルール合格)——仕組みを入れるとどれだけ差が出るかが具体的な数字でわかります
こぎそさん(Shinichi Kogiso・株式会社Lumilinks代表取締役・@kgsi) / Speaker Deck / 2026年9月5日
「AIが出したデザインに『OK』を出す人が決まっていない」——判断の空白地帯

こぎそさん(PdEConf2026「デザインハーネス」登壇資料より)
AIが出したデザインに「OK」を出す人が決まっていない。レビューをなんとなくしかしない機能は、誰も判断しないまま本番に出る。判断基準が個々人のナレッジに留まると、見る人によって答えが変わる。妥当の定義が組織のどこにも存在しない。
こぎそさんの資料は「生成は並列、レビューは直列」という一文から始まります。AIで画面を作る速度は、各チームで並列にどんどん上がる。でも確認する人はいつも1人のままで、レビューの順番待ちが本番投入のボトルネックになります。しかもそれが「個人の処理能力の問題」に見えてしまう——というのがこぎそさんの指摘でした。
正直、これを読んで背筋が伸びた。私の会社でも、AIに生成させたコード・記事・画像を最終的に「これでOK」と言っているのは、いつも私一人です。判断基準を自分の頭の中にしか持っていなければ、いくら生成が速くなっても、確認する私が倒れたらそこで全部止まります。
実際、これは他人事ではなかった。私はがんの手術で入院した時、まさにこの状態に直面しました。「自分が頑張らないと全部止まる」という強迫観念を、頭では否定しながらも身体は信じ切っていました。判断の基準を誰にも渡していなかった。だから、私が抜けた瞬間に本当に止まる恐怖が……正直、ずっとありました。
今日からできること:今AIに何かを生成させている作業を1つ選び、「最終的に誰がOKを出しているか」を紙に書き出してみてください。名前が1人しか出てこなければ、そこがボトルネックだ。この当たり前を、私はこぎそさんの資料で初めて言葉にしてもらいました。
「人を増やしても、同じ問題が形を変えて残る」——採用では解けない部分

こぎそさん(PdEConf2026「デザインハーネス」登壇資料より)
人を増やしても、同じ問題が形を変えて残る。判断基準が個人の頭にある限り、採用では解けない部分がある。だから、仕組みで解決する。
「レビュー担当を増やせば解決するのでは?」と思う人もいるはずです。でもこぎそさんは、それでは解決しないと言い切ります。判断基準が個人の頭の中にしかない限り、人を何人足しても「その人が抜けたら終わり」という構造は変わらない。
これ、私自身の才能診断の結果とびっくりするくらい重なります。ウェルスダイナミクスの診断では、私は「トレーダー」というタイプで、自力で稼げる代わりに自分が止まると全部止まってしまうと出ました。CliftonStrengthsでは「考える天才」と出ているのに、現場では自分でキッチンに立ってしまう。料理で言えば、最高のシェフの才能があるのに、つい自分でキッチンスタッフまでやっちゃう状態です。
だから、こぎそさんの資料は人を増やすことではなく「仕組みで解決する」という結論に向かいます。私の場合も、シェフとしてレシピ(判断基準)を書き、キッチンスタッフ(実行)はAIや仲間に委ねる。その役割分担でしか、この構造は解けませんでした。
今日からできること:あなたが今「自分にしかできない」と思って抱えている確認作業を1つ選び、その判断基準を3行のメモに書き出してみてください。書き出せない基準は、実はまだ誰にも渡せない。それに気づくだけでも、今日のところは十分な収穫です。
「品質高くものづくりをする主導権は、引き続き『人』にある」——ハーネスという発想

こぎそさん(PdEConf2026「デザインハーネス」登壇資料より)
品質高くものづくりをする主導権は、引き続き「人」にある。AIが速く生成しても、何を良しとするかを決めるのは人。それを構造として持つのが「ハーネス」。
ここでこぎそさんが持ち出すのが「テストハーネス」との対比表です。コードの正しさをCIやユニットテストで担保しているなら、デザインの妥当性にも同格の検証層があっていい、という発想の転用だった。目的・入力・実行環境・判定基準・自動化・フィードバックという6項目を、そのままデザイン版に置き換えています。
いやー、この「借りてくる」発想が地味にすごい。新しい概念をゼロから作るのではなく、すでに動いている仕組み(テストハーネス)の骨格をそのまま流用するわけです。これは業界の悪い癖への私の怒りとも重なる話で、「AIは魔法じゃない。使いこなすには縦に掘る努力が必要」だと私はいつも言っています。ハーネスという発想も、魔法の一言ではなく、地道な構造の積み上げでした。
制約もコンテキストも検証もフィードバックも、全部を人が最初から決めて、AIはその枠の中で速く動く役目に徹する。主導権は最後まで人にある、という一文が、この資料全体の背骨になっていました。この「主導権は手放さない」という一線があるからこそ、速さを安心して人に(AIに)任せられるのだと思う。
今日からできること:あなたの職場で「テストがあるからコードは安心して直せる」場面を1つ思い出し、それと同じ安心感がデザインや文章の生成物には無いかを確認してみてください。
「AIは、この組織で何が正しいかを知らない」——制約とコンテキストという2つの層

こぎそさん(PdEConf2026「デザインハーネス」登壇資料より)
AIは「この組織で何が正しいか」を知らない。型がなければ、毎回学習データの平均に近いものが出る。最初は10行のルールで足りる。生成物が守らなかった項目だけを足していく。
デザインハーネスの4層のうち、最初の2つが「制約」と「コンテキスト」です。制約はトークン・コンポーネント契約・ページ構造・禁止事項という「生成に効く型」。コンテキストはプロダクトの目的や対象ユーザーといった「何を渡すか」。どちらも渡しすぎは禁物で、最初は10行、必要な分だけをIDで参照させる設計だった。
で、これを読みながら思い出したのが、私自身が「委ねるOS」に切り替わった原体験です。体調を崩して長期離脱し、朝のAIライブ配信を続けられなくなった時、仲間の「ただっち」が代わりに続けてくれました。病室からその光景を見た瞬間、正直「居場所を奪われた」という複雑な感情もあった。でも結果的に、ただっちも成長し、番組はより良くなり、私の負担も減ったんです。「手放したら全部良くなった」という生きた証拠だった。
制約とコンテキストをきちんと渡せば、任せた相手(AIでも人でも)は自分の頭で考えて動けます。渡さずに「察してほしい」と願うのは、結局私が全部を握ったまま離さないのと同じこと。
今日からできること:誰か(AIでも部下でも)に仕事を任せる時、渡している情報を「制約(守るべき型)」と「コンテキスト(背景情報)」の2種類に分けて書き出してみてください。
「制約に書いたことは検証できる。検証できないルールは制約に書いても効かない」——検証と評価/フィードバックの層

こぎそさん(PdEConf2026「デザインハーネス」登壇資料より)
制約に書いたことは検証できる。検証できないルールは制約に書いても効かない。一度のレビューを、次でも使える基準に変える。個人の経験が、組織の資産になる。
3層目の「検証」は、合格・失敗・レビューの3段階判定です。ポイントは「レビューは自動合否にせず、人が画面を見て決める」こと。機械が見られる部分は先に機械へ渡し、人は基準がまだ無い部分だけを見る。これで見る範囲そのものを減らすわけだ。4層目の「評価/フィードバック」は、そのレビュー結果を制約へ書き戻すループでした。
実測のデモ(Atlas Design System)も面白い。同じIssue・同じAIモデルで生成した画面が、ハーネスなしだと28ルール中12合格、ハーネスありだと23合格(違反0件)まで上がっています。数字で見せられると、仕組みの効果が一気に具体的になる。
正直、私はここで自分の完璧主義とも向き合わされました。Maximizer(最上志向)が1位なのに、Achiever(達成欲)は27位。「もっと良くしたい」が先に立って、「これで十分」となかなか言えないタイプです。心は100%を求めるのに……出すのは80%でいい、と頭では分かっている。デザインハーネスの「合格・失敗・レビュー」という3段階も、実は「100%の理想」ではなく「今の基準で十分か」を機械的に切り分けるための仕組みでした。
今日からできること:直近の差し戻し理由を1つ選び、それが「機械で判定できるもの」か「人の意志が要るもの」かを仕分けてみてください。
「AIが『判断』をするのではない」——つくる人たちと一緒に決める

こぎそさん(PdEConf2026「デザインハーネス」登壇資料より)
AIが「判断」をするのではない。機械で確認できる項目を先に片づけ、人が見るべき対象を絞る。制約も検証も「つくる人たち」と一緒に決める。それが「職能の壁を越える」の中身。
資料の終盤で語られる「効果が薄い使い方」も正直で好感が持てました。正解が決まっていない0→1の探索には効きにくい。「この余白を1px詰めたい」は検証できない。ルールを増やしすぎると、生成も判断も止まってしまいます。誰も更新しないルールには価値がない——ハーネスは万能ではないと、こぎそさん自身が線引きしていました。
そして最後の結論が「制約も検証も『つくる人たち』と一緒に決める」。デザイナーだけ、エンジニアだけで決めても機能しない、という話です。しかもね、これは私の「教えたがりの暴走」への戒めにも聞こえました。「もっと良くできない?」というMaximizerの口癖が発動すると、善意で人を追い詰めてしまうことがある、と妻から指摘されています。判断を独り占めせず、つくる人たちと一緒に決める。それは私自身への宿題でもありました。
AIの生成物を「妥当かどうか」で見る観点を持つこと。制約を最小から育てて、出力を狙った方向へ寄せること。つくる人たちが同じ言葉で品質を語ることです。この3つは、デザインに限らず、AIに何かを作らせているすべての現場に効く話だと思います。文章にも、コードにも、動画にも、同じ考え方はそのまま使える。
今日からできること:AIの生成物に対する「なんとなくOK/NG」の判断を1つ選び、次に同じ場面が来た時に使える一言のルールに変換してみてください。
よくある質問
Q. デザインハーネスとテストハーネスは何が違うんですか?
A. 対象が違うだけで発想は同じです。テストハーネスはコードの正しさを、デザインハーネスは画面の妥当性を、それぞれ制約・入力・実行環境・判定基準・自動化・フィードバックという同じ構造で担保します。
Q. デザインハーネスは、すぐに全社導入すべきものですか?
A. 資料の中でこぎそさん自身が「正解が決まっていない0→1の探索には効きにくい」と明言しています。定型の画面、既存プロダクトの拡張、複数チームの並列開発には効きますが、探索フェーズにはまだ別の型が必要です。
Q. 制約(ルール)は最初にどれくらい用意すればいいですか?
A. 資料では「最初は10行のルールで足りる」とされています。生成物が実際に守らなかった項目だけを、あとから足していくやり方が推奨されています。
Q. AIのレビュー所見はどう扱えばいいですか?
A. 合否の判定としてではなく、人が最終判断するための材料として保存します。デモでもAI(claude-opus-5)の所見は「問題なし/懸念あり」の材料であり、最終決定は人が行う設計になっています。
Q. コンテキストを渡しすぎるとどうなりますか?
A. 資料では「コンテキストを渡しすぎると効かなくなる」と明言されています。プロダクトの目的や既存画面の情報をすべて詰め込むのではなく、IDで参照できる形にして必要な分だけ引かせる設計が推奨されていました。
Q. デザインハーネスと通常のデザインシステムは同じものですか?
A. 重なる部分はありますが同じではありません。デザインシステムがトークンやコンポーネントという「素材」を指すのに対し、デザインハーネスはそれを含む制約・コンテキスト・検証・フィードバックという「妥当性を担保する仕組み全体」を指します。
Q. デザイナーがいない組織でも導入できますか?
A. 資料自体はデザイン組織を想定して書かれていますが、制約・コンテキスト・検証・フィードバックという4層の考え方そのものは職能を問いません。文章生成やコード生成にも同じ構造をそのまま当てはめられます。
Q. AIレビューの所見はどれくらい信用していいですか?
A. 資料のデモでは、AI(claude-opus-5)の所見は問題なし/懸念ありという材料として提示されるだけで、最終判断は人が行う設計です。AIの所見をそのまま鵜呑みにせず、判断材料の1つとして扱うのが前提でした。
Q. この仕組みを導入するのに専任の担当者は必要ですか?
A. 資料の中では専任チーム前提の説明はされていません。むしろ「最初は10行のルールで足りる」という最小規模から始め、実際に生成物が守らなかった項目だけを少しずつ足していくやり方が紹介されていました。1人の担当者が片手間で始められる規模感です。
Q. この記事はどこから読み始めればいいですか?
A. 「構造の問題」を扱う前半(1〜2番目の見出し)だけでも、AI生成物のレビューが個人に集中する理由がわかります。仕組みの中身を知りたい方は、制約・コンテキスト・検証・フィードバックを扱う3〜5番目の見出しから読んでも意味が通ります。
「これでOK」を仕組みに預けると、AIの速さがようやく活きる——こぎそさんのデザインハーネス解説から学んだこと
AIに画面や文章を作らせるスピードは、もう十分すぎるくらい速くなった。足りていなかったのは速さではなく、「これでOK」を誰がどう決めるかという合意でした。
こぎそさんのデザインハーネスは、その合意をテストハーネスと同じ構造(制約・コンテキスト・検証・評価/フィードバック)に落とし込むことで、判断を個人の頭から仕組みへ移す方法を示してくれています。
私自身、AIに任せる作業が増えるほど「判断の基準を仕組みに預けられているか」を自分に問い直すようになった。この資料は、その問い直しにとても具体的な補助線をくれる1本でした。だからこそ、この記事もその一歩として書いています。
COLUMN
レシピを書く人と、鍋を振る人は、別でいい

実家は惣菜屋でした。商売っ子として育った私が最初に覚えたのは、味の良さより先に「同じ味を毎日出す」ことの難しさ。父も母も忙しい時は手が回らず、味が日によってブレることがありました。それでも常連さんは「今日の味噌汁、ちょっと違うね」とすぐ気づく。
デザインハーネスの話を読んで、まっさきに思い出したのがこの惣菜屋の記憶でした。鍋を振る人が変わっても、注ぐ調味料の量が多少ズレても、最後に「この味で合っているか」を確かめる基準がレシピとして紙に残っていれば、味は大きく崩れません。基準が誰かの舌の記憶だけにしかなければ、その人が休んだ日から味が揺れる。
AIに画面や文章を作らせるのも、実は同じ構造だと思っています。鍋を振る速さ(生成の速さ)は、AIの方が圧倒的に上だ。でも「この味で合っているか」を決めるレシピ(制約・検証基準)を書くのは、今のところ人にしかできません。速い鍋振り役に、古くてブレたレシピを渡しても、速く不味いものが大量に出てくるだけです。
ぶっちゃけ、私はレシピを書く側に回るのが苦手だった。自分こそが誰よりも上手く鍋を振れると思い込んでいて、シェフなのにキッチンに立ち続けてしまうタイプです。でも一度、信頼できる相手にレシピだけを渡して鍋を任せてみたら、味は私が振るより安定していました。任せる方が怖いのは、味が落ちることではなく、自分の手を離すことそのものだった……そう気づいた。
デザインハーネスも、突き詰めれば「レシピを書く人」と「鍋を振る人」を分ける仕組みです。あなたが今AIに任せている作業のレシピは、紙に書けば何行になりますか?書けたら、それはもう誰の手にでも渡せるレシピです。
惣菜屋の常連さんは、レシピの中身なんて知らない。でも「今日の味噌汁、ちょっと違うね」とは分かるんです。読者や顧客も同じで、制約やハーネスという仕組みの名前は知らなくていい。ただ、出てくる味(成果物)がいつも一定であることだけを信じています。だから私は、鍋を振る速さよりも先に、レシピを紙に書く時間を優先することにしました。
関連記事
AI生成コンテンツの品質を機械の点数ゲートで担保した、凛ちゃんの記事量産パイプラインの実例です。
AIが作った成果物を人がどこまで読み、どこから仕組みに任せるかを整理した記事です。
同じブクマ化パイプラインで扱った、UIデザインの判断基準に関する別記事。
参考リンク
Money Forwardのデザインチームによる、コードプロトタイピングとデザインハーネスの実践noteです。
Sansan CPOによる、デザインハーネスをチームで運用する視点のnoteです。
LayerXの橋本哲勇さんによる、同テーマの別視点の登壇資料。
📄 今回紹介した記事
| 著者 | こぎそ / Shinichi Kogiso(@kgsi・株式会社Lumilinks代表取締役) |
| 媒体 | Speaker Deck(Product Engineering Conference 2026 登壇資料) |
| 公開日 | 2026年9月5日 |
| 元URL | https://speakerdeck.com/kgsi/pdeconf2026-design-harness |
🎁 無料プレゼント
Aiport(ClaudeCode AIエージェント実践会)
ClaudeCodeでAI秘書+分身AI+AIカンパニーが無料で作れるキット&解説動画をプレゼント!
▶ 無料で入会してキットを受け取る🤖 AI生成コンテンツについて
この記事はAIツール(Claude Code)を活用して制作しています。構成・文章生成にAIを使用し、最終的な内容の確認・編集・公開判断はひろくん(田中啓之)本人が行っています。「分身AIひろくん」(bunshin-ai.com)とは別のコンテンツです。
AI氣道 — 三方よしのAI活用
家事と子育てのスキマで経営する、ひろくんのAIブログ
📺 毎朝無料LIVE配信中!見逃しても大丈夫、アーカイブも完全無料。
記事も完全無料。見逃しても大丈夫!
YouTubeチャンネル: @AIKIDO-GPTs
| 曜日 | 時間 | メインホスト | ゲスト | テーマ |
|---|---|---|---|---|
| 月 | 7:00〜 | ひろくん | ただっち | AI最新ニュース・実験 |
| 月 | 13:00〜 | ひろくん | れんくん(戸野塚蓮) | AI経営術LIVE |
| 火 | 6:30〜 | ひろくん | 公ちゃん | 共感ストーリー×分身AI |
| 水 | 6:30〜 | ひろくん | 高崎さん・たくみくん | AI×開発・教育 |
| 木 | 7:00〜 | ただっち | ともみん | AI×デザイン |
| 金 | 7:00〜 | ただっち | 友くん | AIツール最前線 |
| 土 | 7:00〜 | ただっち | ゆきちゃん | AI×起業・発信 |
| 日 | 7:00〜 / 7:30〜 | WACAコラボ | ひろくん+仲間たち | 生成AI最新ニュースまとめ |
📍 日曜7:00〜のLIVEは無料視聴、7:30〜のZOOM LIVEは登録制です。詳細・登録はこちら
🔥 火曜15:00〜 社長モテる化計画LIVEもやってるよ!