デザインハーネス The Beginning 〜これから始めるデザインハーネス〜【開催レポート】

2026年10月29日、note place にて「デザインハーネス The Beginning 〜これから始めるデザインハーネス〜」を開催しました。

CrossRel さん、note さんと Gaji-Labo の共同開催で、70名を超える方が参加してくださいました。素敵な会場をご提供くださった note さん本当にありがとうございます！

今回のテーマはデザインハーネスの始め方です。ファインディ、TechTalk、ハンディ、note、Gaji-Labo の5社から、取り組みを始めた背景や、実践のなかで見えてきた課題についてお話しいただきました。

本記事では、各セッションから印象に残ったポイントと当日の様子をご紹介します。

デザインハーネス The Beginning

イベントのテーマである「デザインハーネス」とは、AI と人間が協業して一貫した UI を生み出すための手綱（ハーネス）となる仕組みとして定義されたものです。

デザインハーネスとは、ハーネスエンジニアリングの「デザイン版」です。デザインシステム・設計知識・検証・ワークフローへの組み込みまでを束ね、プロダクトやサービスのデザインをAIエージェントと共に推進するための仕組み全体を指します。
引用元：https://design-harness.com/#practice

「デザインハーネス」や「Agentic Design Systems」という言葉を耳にする機会が増える一方で、「具体的に何をすればいいのか」「自分たちのチームではどこから着手すべきか」と悩んでいる方も多いのではないでしょうか。

また、すでに取り組んでいる方にとっても、何をどう整えればスムーズに進むのか、どこまで AI に委ねられるのかなど、試行錯誤の連続かと思います。

そこで今回は、取り組みを始めたばかりのチームや個人が、それぞれの試行錯誤を持ち寄れる場をつくりたいと考えました。やってみたこと、ぶつかった壁、今も悩んでいることを共有し、参加者のみなさんにも取り組みのヒントを持ち帰ってもらえるような会を目指しました。

それぞれのデザインハーネスのはじめかた

各セッションでは、プロダクトの規模もチームの体制も異なる5社から、それぞれのリアルな実践事例をご紹介いただきました。盛りだくさんの内容から、今回のテーマに繋がるポイントをピックアップしてお伝えします。

デザインハーネスの始めの一歩 ― 走りながら作り上げた話

ファインディのサティさん（@satty_5695）は、デザインハーネスを4つの成長段階に整理してお話してくださいました。

最初の一歩は、手元にあるデザインルールやコンポーネント情報を AI に読み込ませて、まずは1画面を作ってみること。そこから意図したデザインに近づけ、他の職種にも使ってもらい、記録をもとに改善を回していく、という流れです。

特に印象に残ったのは、チームに使ってもらうために大切にしていた2つのポイントです。ひとつは、仕組みへの信頼を得ること。最初にネガティブな印象がつくと覆すのに時間がかかるため、使ってもらう段階である程度の品質を確保することが重要だというお話でした。もうひとつは、事業の成果につながるイメージを持ってもらうこと。期待できるリターンと必要なコストを説明できるようにしておくことも、チームへの導入を進めるうえで大切にされていました。

自分の手元で動かす段階から一歩進み、チーム全体でどのように仕組みを育てていくかという視点が得られるお話でした。

雰囲気でAIにデザインを頼むのをやめたい：デザインハーネスと、未経験者のAI時代の学び方

TechTalk の溝口さん（@techtalkjp）はプログラマーの立場から、デザインの経験がない中で AI をどのように活用しているか、その実践とリアルな悩みを共有してくださいました。

溝口さんは、ご自身が開発するサービスで、ユーザーが AI で生成した資料を共有する様子を見て、そのデザインを改善したいと感じていたそうです。その方法として紹介されたのが、デザインのレビューや調整を支援する「Impeccable」でした。

一方で、ある程度見た目が整ったとしても、その資料が読みやすいか、意思決定を支えるものになっているかは、さらに考えていく必要があります。

そこからお話は見た目を整えるだけでなく、さらに良いものにするためにデザインの基礎をどう学ぶか、という問いへ。AI がある今だからこそできる学び方はないか、デザイナーのみなさんはどのように基礎を身につけてきたのか、と会場に問いかけていました。

デザインを専門にしていない人が AI と一緒にものをつくる。そのとき、デザイナーの知識や経験をどう共有できるのか、あらためて考えたくなるお話でした。

AIが作るデザインのレビューコストと向き合って分かったこと

ハンディの家高さんからは、正社員デザイナー1人の体制でデザインハーネスを導入したお話がありました。

エンジニアが AI でデザインをつくるようになり、画面は次々にできる一方で、レビューを担うのは家高さんか PdM に限られていました。そのため、レビューの段階で作業が詰まり、リリースを増やせる状態にはならなかったそうです。そこで、判断のもとになっているルールを明文化し、AI が参照できる Skill にするところから、デザインハーネスの導入を始めたとお話しされていました。

しかし、レビューのボトルネックは完全には解消しませんでした。何に時間がかかっているのかを調べてみると、AI が作成したレビュー依頼の文章から、目的や論点を読み解くことに時間を使っていたそうです。

そこで、レビュー依頼の形式も見直し、目的や変更前後の違い、見てほしいポイントが伝わるように整えていきました。

ハーネスだけではなくデザインをつくる前後も含めて、チームの仕事の流れを整えていく視点が印象に残りました。

歴史あるプロダクトで小さくはじめるデザインハーネス

Gaji-Labo からは、UI デザイナーの伊藤とフロントエンドエンジニアの上條（@mk_0A0）が、歴史あるプロダクトでの取り組みをご紹介しました。

デザインデータやコードなどの既存資産はあるものの、すべてが整備されている状況ではありませんでした。その中で、まず必要な情報を DESIGN.md にまとめ、既存画面1枚を対象に、何を渡せば生成の再現度が上がるかを検証していきました。

そこから見えてきたのが、AI が参照する情報の基準となる SSOT（信頼できる唯一の情報源）の必要性です。検証で手応えのあった Storybook を SSOT として使い、既存のコンポーネントを適切に選んでもらえるよう、使い方やデザインの意図を整えていく過程をご紹介しました。

この取り組みでは、デザイナーがルールを言語化し、エンジニアが既存の実装との整合性を確認するなど、両者の視点を行き来していたのもポイントです。AI が参照する情報を整えるうえでも、デザインとエンジニアリングの連携が大切だと感じられる内容でした。

今回ご紹介した取り組みについては、登壇レポートでより詳しくまとめています。ぜひあわせてご覧ください。

Agentic Design System と、それを動かすチーム

note の臼井さん（@uto_ao）からは、デザインシステムと AI を接続する取り組みと、それを動かすチームのお話をしていただきました。

コンポーネントや使い方のルールは整っていた一方で、より抽象的な「note らしさ」は十分に言語化されておらず、既存の UX ガイドラインも日々の判断に結びついていなかったそうです。そこで AI が読めるドキュメント群「note-vibes」として整理し、参照するためのスキルをプラグインとして全社員に配布しました。

施策の壁打ちからデザインレビューまで、note らしさを踏まえて考えられる環境をつくり、機能を企画する段階でも「それは note らしい機能なのか」を問い直せるようになったといいます。

ルールを用意することと、それをチームが日々の判断に使えること。その両方をつなぐ大切さが伝わってくるお話でした。

これから始めるチームへのヒントとして、なんとなくこっちがいい、と感じる理由をまずは言葉にすることも挙げられました。日々の小さな判断を言語化し、ルールを育てていくというお話が印象に残りました。

デザインハーネスとチーム

5社のお話を聞いていると、始めるときの状況はさまざまでした。

すでにデザインシステムを育ててきたチームもあれば、頭の中にある判断を言葉にするところから始めたチームもあります。それぞれの課題にあわせて試し、その結果から次に何を整えるかを考えている様子が伝わってきました。

また、つくった仕組みを他の職種にも使ってもらうこと、レビューする人が判断しやすいように依頼の形式を整えること、日々の判断をルールに戻すことなど、チームで使い続けるための工夫も紹介されました。

AI に何を参照してもらうかだけでなく、誰がどう使い改善していくか。実際に使う場面まで考えていくと、デザインハーネスはチームの仕事の進め方とも深くつながっているのだと感じました。

今回ご紹介した内容のほかにも、登壇者のみなさんからさまざまな実践や試行錯誤のお話がありました。ぜひ、こちらから登壇スライドもご覧ください。

ご登壇・ご参加ありがとうございました

「デザインハーネス The Beginning」にご登壇いただいたみなさん、ご参加いただいたみなさん、ありがとうございました！

そして、一緒に企画・開催してくださった CrossRel のこぎそさん、会場をご提供いただいた note のみなさんにも、あらためてお礼申し上げます。

これからデザインハーネスを始める方にも、すでに取り組んでいる方にも、自分たちのチームで何かひとつ試してみるきっかけになっていたらうれしいです。

さいごに

Gaji-Labo でも、クライアントワークのなかで AI を前提としたデザイン・フロントエンド開発の進め方を試行しています。

大切にしているのは AI の導入そのものではなく、プロダクトの品質を守りながら、チームが判断し、改善を続けられる状態をつくることです。UIデザインとフロントエンド開発の両方に関わる立場から、デザインの意図を実装や運用につなげる支援を続けています。

Gaji-Labo では今後も、デザインとエンジニアリング、プロダクト開発やコミュニティが交わるテーマについて、イベントや情報発信を続けていきます。

Gaji-Labo の X（Twitter）アカウントをフォローするか、connpass のメンバーになると、今後のイベント情報もチェックできます。

それでは、また次の会場でお会いしましょう！