Works
Blog Recruit Contact 無料でAI診断する
DESIGN.md
calendar_today
[AI時代のデザインシステム実践 Vol.6] 山下 太郎 山下 太郎

AI時代のデザインシステム実践 第6回 追補 — 予測が実装になった一週間

連載を書き終えた翌日、Anthropic LabsがClaude Designを発表。AIがデザインシステムを抽出する時代の到来と、それでもDESIGN.mdを書く意味がむしろ増した理由を、連載の外側から綴る追補。

AI時代のデザインシステム実践 第6回 追補 — 予測が実装になった一週間

二日遅れの着地

本連載の第5回を書き終えたのは、2026年4月16日の夜でした。

最終回は「DESIGN.md を生きた文書として維持する運用の話」を扱い、最後にこう締めた——「あなたのブランドを、あなたの言葉で」。翌日から連日配信の準備を進めていた、まさにその17日。Anthropic Labs から新製品の発表が飛び込んできました。

Claude Design

発表を読み進めながら、妙な気持ちになりました。連載全5回で論じてきた構造——デザインシステムがテキスト化し、AI がそれを読み、人間は言葉でデザインの意図を定着させる——が、ほぼそのままの形で製品化されている。予測したわけでもなく、Anthropic の中の人と会話したわけでもない。連載を書き上げた翌日に、書いたことが具体的な製品として世に出た、ただそれだけの偶然です。

しかし読み進めるうちに、単純な「予測が当たった」話ではないことも見えてきました。連載の射程と製品の設計には、重なる部分と、微妙にズレる部分が同時に存在する。そしてそのズレ方が、かなり興味深い。

第6回はその記録です。連載本編は2026年4月16日時点の思考として残したうえで、その翌日に起きたことをどう読むか。連載本編の閉じた輪を、もう一周だけ膨らませます。

Claude Design が解いていること

まず Claude Design が何をする製品なのかを、連載の文脈で整理しておきます。

公式発表サポート記事を読むかぎり、Claude Design は 2026年4月17日に research preview としてリリースされた、Anthropic Labs 発の対話型デザインツールです。バックエンドは前日の4月16日にリリースされた Claude Opus 4.7 のビジョンモデル。Pro / Max / Team / Enterprise プランで利用可能で、Enterprise はデフォルト無効、admin による有効化が必要です。

画面は左にチャット、右にキャンバスが並ぶ二ペイン構成。自然言語で指示すると初期案が生成され、インラインコメント、直接編集、Claude が動的に作る調整スライダー、そして対話で精緻化していきます。

ここまでは、既存のAIデザインツールの延長線上と言える機能です。この製品の本質が出てくるのは、オンボーディング時の挙動から先です。

サポート記事によれば、Claude Design は組織のコードベース、既存のデザインファイル、スライド、ドキュメントなどを読み込み、組織のデザインシステム(カラーパレット、タイポグラフィ、コンポーネント、レイアウトパターン)を自動抽出してUI Kitとして構築します。そして公開(Published)トグルを入れれば、その組織で作られるすべてのプロジェクトに、この組織デザインシステムが自動適用される。

出力も多岐にわたります。PDF、PPTX、standalone HTML、Canva 連携、組織内共有URL、そして Claude Code へのハンドオフバンドル。デザインから実装まで、Anthropic 自身のエコシステムで閉じる設計になっています。

連載の論点との対応関係

この製品仕様を、連載の5回分と照らし合わせると、奇妙な符合が見えてきます。

第1回で「AIがデザインシステムを『読める』必要がある」と論じたことは、Claude Design の動作原理そのものです。既存のコードベースやデザインファイルを読まなければ、ブランドの一貫性は生まれない。Anthropic はこの読みの能力を Opus 4.7 のビジョンモデルで実装しました。

第2回で「デザインシステムが散在からMarkdown一枚への統合へ向かう」と論じた方向性は、Claude Design の「組織デザインシステムへの一元化」という発想と一致しています。Figma、PDF、コードベースに散らばっていた情報が、ひとつの抽象表現に集約される。

第4回で「まず言葉を置く」パターン——Spotify、Indeed、Anthropic の frontend-design スキル、Katherine Yeh 氏のワークフロー——として整理した実践は、Claude Design が製品として結晶化したひとつの到達点と言えます。連載では「個別のチームや個人の工夫」だった流れが、「プロダクト」として提供される次の段階に入った。

第5回で整理した trust level の三段階——Auto-merge、Draft PR、Suggest only——は、Claude Design の「Published トグル」と「組織内共有のview/comment/edit 権限」にそのまま実装されています。Enterprise がデフォルト off で admin 有効化を必須としているのも、変更の影響範囲が大きいアクションほど人間の承認を要求するという第5回の原則と整合します。

ここまで読むと、「連載の予測がほぼ完全に実装として現れた」ように見えるかもしれません。しかし、ここからが本題です。

連載が扱っていなかった工程 — 「抽出の自動化」

連載本編を読み返してみて、はっきりと気づいたことがあります。本連載は全5回を通じて、「人間が DESIGN.md を書き、AIがそれを読む」という構図で議論を展開していました。Katherine Yeh 氏の「まず言葉を書く」も、Spotify の三層アーキテクチャも、第5回の5つの儀式も、すべて人間が言葉を置く側として組み立てられている。

Claude Design が製品化したのは、その一歩手前の工程です。既存資産(コードベース、デザインファイル、スライド、ドキュメント)から、AIがデザインシステムを抽出・生成するという段階。連載にはこの層が、ほぼ書かれていません。

これは論点として、かなり重い意味を持ちます。

従来は「書く人」と「読むAI」の二者関係でした。Claude Design 以後は、「既存資産 → 抽出するAI → デザインシステム表現 → 生成するAI → 人間による検証」という連鎖になります。人間が DESIGN.md を書くという出発点が、選択肢の一つに降格する。あるいは、書くこと自体が「AIの抽出結果を検証する工程」として再定義される。

第5回で論じた staleness(陳腐化)の問題も、位置が移動します。これまでは DESIGN.md の staleness が脅威でした。これからは、コードベースや既存資産そのものの staleness が問題になります。古い CSS や廃止されたコンポーネントがコードベースに残っていれば、AIはそれを「現行のデザインシステム」として抽出してしまう。抽出元の rotting(腐朽)が、抽出結果の rotting を生む。

そして、もう一つ新しい検証課題が加わります。「書き手の解釈」と「AIの抽出結果」のどちらが正しいか、という問いです。第1回で論じた「書き手の言葉を鵜呑みにしない」規律は、AIの抽出結果にも同じ強度で適用しなければならない。AIが Linear のコードベースを読んで「weight-510 がブランドを象徴する」と抽出したとして、それは Linear の中の人の意図と一致しているのか。誰も答えられません。

予測と実装の微妙なズレ — Anthropic は DESIGN.md を採用しなかった

もう一つ、見逃せないズレがあります。

本連載は、DESIGN.md というオープン標準を軸に据えて書かれました。Google Stitch が打ち出し、VoltAgent の awesome-design-md とそのライブラリ getdesign.md(2026年4月時点で68ブランド、GitHub スター57,000超)が普及させ、Claude CodeCursor でも参照されている、2026年4月時点のデファクト候補。

ところが Claude Design の発表、サポート記事、そして主要媒体の報道(TechCrunchVentureBeatThe Register9to5MacThe Decoder)を一通り確認したかぎり、「DESIGN.md」という語は一度も使われていません。Anthropic は一貫して "design system (colors, typography, components)" という一般用語で説明しています。

さらに VentureBeat は Anthropic への背景取材で重要な事実を引き出しています。Claude Design は、生成したデザインシステム表現を独自フォーマットで内部保存しており、ソースファイル自体はサーバーに保持されない。ローカルコードは Anthropic のサーバーにアップロードされず、このデータで訓練することもない、と明言しています。

ここから読み取れるのは、Anthropic が DESIGN.md というオープン標準を採用せず、独自の内部表現を選んだということです。

これは、連載の筋書きからすると少し意外な展開です。連載本編で見た通り、AGENTS.md は 2025年8月に OpenAI が発表した後、同年12月には Linux Foundation 傘下の Agentic AI Foundation(AAIF)に寄贈され、ベンダーニュートラルな標準として管理される流れにあります。MCP を提唱した Anthropic 自身も AAIF の founding contribution として MCP を寄贈した立場です。Anthropic は標準化に積極的に見える企業でした。

その同じ Anthropic が、デザインシステム領域では独自表現を選んだ。VentureBeat は、Anthropic が今後 MCP によるサードパーティ連携を強化すると言質を取っている、という記述を添えたうえで、この姿勢を「囲い込み批判を先回りする動き」と分析しています。

興味深いのは、同じ Anthropic のエコシステム内で分岐が起きていることです。本連載の執筆が終わる直前、Mejba Ahmed 氏が「Claude Code Is Quietly Becoming a Design Platform」という記事を公開しています。そこでは、awesome-design-md 由来の DESIGN.md を Claude Code に読み込ませて、Stripe や Nike のビジュアル言語でランディングページやスライドデッキを大量生成する実践が紹介されています。DESIGN.md は Claude Code エコシステムで、すでに実務で使われている。

つまり、2026年4月17日時点の Anthropic エコシステムには、Claude Code は DESIGN.md を読み、Claude Design は独自表現を使うという分岐がある。この事実をどう読むか。

現時点で結論を出すのは早計です。第1回の規律を思い出せば、一次資料で確認できないことについて、「書き手の解釈」を仮説のまま転がしてはいけない。Anthropic は今後 MCP 経由で DESIGN.md を含む外部フォーマットとの相互運用性を高める可能性もありますし、ハンドオフバンドルの中身が将来的に DESIGN.md 互換になる可能性もあります。現時点での事実は「公式に DESIGN.md という語を使っていない」「独自の内部表現を選んでいる」の二点のみで、そこから先は観察を続ける領域です。

この流れをどう受け止めるか

ここまで読んで、「では DESIGN.md を書く意味はあるのか」と感じた読者がいるかもしれません。答えは明確で、あります。むしろ、以前よりも価値が上がったとすら言えます。

理由は三つ。

第一に、プラットフォーム非依存の資産としての価値です。DESIGN.md は単なる Markdown ファイルです。Claude Design が明日終了しても、Anthropic が独自表現のフォーマットを変えても、Git リポジトリに置かれた DESIGN.md は 10年後も読めます。Claude Code、Cursor、GitHub Copilot、VS Code、Gemini CLI、Amp、Windsurf——AGENTS.md を読む主要エージェントは、ほぼそのまま DESIGN.md も読めます。特定のベンダーに依存しないブランドの言語化資産として、DESIGN.md の位置はむしろ強くなる。

第二に、「抽出結果を検証するための原典」としての価値です。Claude Design のような抽出型ツールが今後増えるほど、その抽出結果を「これは正しい」「ここは違う」と判定するための、人間が書いた原典が必要になります。DESIGN.md は、抽出 AI の出力を検証する照合先として機能します。書き手が自分の目で観察し、自分の言葉で定着させたものだけが、機械の抽出結果を修正する権威になる。

第三に、第5回で論じた5つの儀式が、Claude Design 時代にむしろ重要になることです。コード変更と同じPRで更新すること。四半期の棚卸レビュー。一人の所有者を決めること。CIで鮮度を監視すること。変更理由を必ず書くこと。これらの運用規律は、DESIGN.md のためだけでなく、Claude Design が読み取る「コードベースと既存資産」そのものを生きた状態に保つためのルールとして再解釈できます。抽出元が腐れば抽出結果も腐る。儀式の対象が広がっただけで、儀式そのものの価値は増しています。

急いで走る話ではない、けれど、視界には入れておく

こうした見立ては、今日明日の実務に直結する話ではありません。

現場の景色を冷静に見れば、多くの企業ではそもそもWebサイトの構造化データの整備すら、まだ当たり前の水準に達していません。Schema.org の基本的な markup すら入っていないサイトが珍しくない状況で、「組織のデザインシステムを AI が抽出できる形で持つ」という次の段階に進む準備は、現実にはまだ整っていない。デザインシステムを AI が読める形で運用する、という発想そのものが、これから少しずつ広がっていく段階にあります。

とはいえ、業界の潮流として DESIGN.md や AGENTS.md のような「AI 時代のドキュメント標準」に傾いていく流れは、もう静かに始まっている、と言っていいと思います。AAIF が発足し、GitHub / OpenAI / Anthropic / Google / Microsoft / AWS が同じ枠組みに乗った時点で、デザインシステムを機械可読な形で扱うという前提は、業界の共通認識になりつつある。Claude Design が独自表現を採用したとしても、この流れの外に出たわけではなく、むしろ「デザインシステムを機械が読める形で持つ」という前提そのものを、製品として肯定したと読むほうが、素直です。

ということは、この流れが現場に降りてくるのは、時期の問題でしかありません。急いで走る必要はまったくないけれど、「そういう方向に世界が静かに動いている」ことを視界に入れておくだけで、気がついたときに手が打てる位置取りができる。逆に、視界にすら入れていないと、気づいたときには選択肢がなくなっている。これはデザインシステムに限らず、この数年の AI 関連技術の普及パターンに繰り返し現れている構図です。

だから、この連載の最後に読者の皆さんにお伝えしたいことはシンプルです。

自社のブランドが言葉でどう表現できるか、少しだけ考えてみてほしい。

今すぐ DESIGN.md を書く必要はないかもしれません。ツールを導入する必要もまだないかもしれません。ただ、「自社のビジュアル・アイデンティティを、AI に伝えるとしたら何と書くだろう」という問いを、頭の片隅にそっと置いてみてください。その問いに向き合う時間が、いずれ訪れる「AI 時代のデザインシステム」との出会いに向けた、一番やわらかな助走になります。

連載執筆中に世界が動いた、というメタ教訓

最後に、連載全体を振り返って、この追補を書いて気づいたことを一つ。

時系列を整理すると、こうなります。2026年4月16日に連載第5回を書き終えました。偶然にも同日、Anthropic は Claude Opus 4.7 をリリースしています。翌17日、その Opus 4.7 をバックエンドとした Claude Design が発表される。さらに翌18日、この追補を書いている——という順序です。連載5回分の公開が完了するのが4月22日、この第6回の公開予定が4月23日。つまり連載の公開期間中ずっと、連載本編が言及しない新製品が、業界の景色を書き換えているという状態になります。

これは皮肉でも悲劇でもなく、2026年という時代の普通の景色だと思っています。

連載の第5回で、こう書きました。「どんなに美しく書かれた DESIGN.md も、運用されなければただのテキストファイル」「美しい文書が、静かに腐る」。この観察は、連載本編そのものにも同じ強度で当てはまります。本連載は2026年4月16日時点の思考の記録であって、永遠に正しい教科書ではない。Claude Design が出た時点で、第4回の「世界のデザインシステムはどう再構築されているか」には、もう一つ事例を追加する余白ができた。第2回の「三層構造」には、DESIGN.md というオープン標準と Claude Design の独自表現の緊張関係を書き足す余白ができた。

この「余白が生まれ続けること」をどう受け止めるか。諦めではなく、むしろ希望として受け取るのが、この連載の結論だと思います。

第1回で書いた「美術館に行くこと、古典を読むこと、映画を観ること、建築を歩くこと、工芸に手で触れること」——インプットの厚みの話は、変化の速い時代ほど価値が上がります。個別の製品仕様は陳腐化するけれど、陳腐化しない目——凡庸を見抜き、平均から外れた方向を指し示せる審美眼——は、長年の蓄積からしか育たない。Claude Design が明日消えても、その次に現れるツールがあり、その次もある。ツールは流れていくけれど、観察の質は流れません。

「AIは自分を映す鏡である」と別の場所で書いたことがあります。デザインシステムもそうです。そしてデザインシステムを論じた連載も、また、書き手の何を見てきたかの鏡です。この追補も含めて。

次にやること

連載本編の末尾で、今後のテーマとして二つを挙げました——受託制作における DESIGN.md、そしてインプットの厚みを鍛える方法。この二つは、Claude Design 発表後も、むしろより具体的に論じる価値が増しました。受託制作の現場はこれから、クライアントのデザインシステムを AIと人間の二つの目で並行して読む時代に、ゆっくりと入っていくはずです。インプットの厚みは、抽出 AI の出力を検証する権威を支える唯一の根拠になります。

どちらも、近いうちに書きます。

連載本編の最終行を、もう一度繰り返させてください。「あなたのブランドを、あなたの言葉で」。Claude Design が発表された今も、この一文の意味は変わりません。むしろ、AIが抽出する時代だからこそ、自分の言葉で置くことの意味が増しています。

ブランドの言葉は、ブランドを生きている人間のものです。その言葉を、機械に先に書かせるか、自分で先に書くか。選ぶのはいつでも、人間の側です。

参考文献
山下 太郎

山下 太郎

代表取締役 / CEO

2000年、Webデザイナーとしてこの世界に飛び込み、フリーランスを経て2007年に株式会社アンタイプを創業。AI時代の到来とともに、効率だけを追うAI活用に違和感を覚えながら、それでも最前線でツールを使い続ける。企業のWebとコミュニケーションを設計する仕事を通じて、「人間らしさとは何か」を問い直す視点を発信し続けている。

View Profile arrow_outward

Related

あわせて読みたい