Google Stitch オープンソースデザインシステム：DESIGN.md が Claude Code、Codex、Antigravity による高品質な UI 生成を実現

📄原文全文· trafilatura により自動抽出Gemini 翻譯1251 文字

Google Labs が提供するデザインツール Stitch の DESIGN.md 形式がオープンソース化されました。これは、デザインシステムのカラー、フォント、スペーシング、コンポーネントのルールをエンコードするための純粋な markdown ファイルであり、Claude Code、Gemini CLI などの AI エージェントが UI を生成する際、推測に頼ることなくブランドのデザインルールを直接読み取れるようにするものです。（前回の記事：Google が「Gemini 3」を正式発表！世界で最も賢い AI モデルの頂点に、そのハイライトは？）（背景補足：Gemini App が Mac デスクトップに正式対応：Option+Space で一発起動、画面共有で AI がデータを直接読み取り可能に）プログラムライブラリには通常 README.md があり、プロジェクトの内容や使い方を AI に伝えます。Google が今回問いかけているのは、「デザインシステムにもそのようなファイルがあってもいいのではないか？」ということです。 DESIGN.md のコンセプトはそこから生まれました。これは誰でも、どんなツールでも、どんな AI agent でも直接読み取れる markdown ファイルであり、そのブランドがどのような色、フォント、スペーシングのルールを使用しているか、そしてそれらの選択の背後にある理由が記述されています。 DESIGN.md には、カラー定義（メインカラー、セマンティックカラー）、タイポグラフィ設定（フォントファミリー、サイズ、ウェイト、行間など）、スペーシングとレイアウトのルール（スペーシングスケール、グリッドの慣習、角丸、シャドウ）といった核心的なセクションが含まれています。 DESIGN.md を作成する方法は3つあります。Stitch の AI に説明に基づいて自動生成させる、既存のウェブサイトの URL や画像からデザイン言語を抽出する、あるいは自分で markdown を手書きする、のいずれかです。生成されたファイルは、Claude Code、Cursor、Gemini CLI、そして Google 自社の Antigravity 開発プラットフォームなど、対応するあらゆるツールに持ち込むことができます。これまで、デザイン納品の標準的なプロセスは「デザイナーが Figma でデザインを完成させる → 寸法、色、スペーシングを注釈する → 開発者が Figma を参照してコーディングする」というものでした。AI coding agent の台頭もこのプロセスを完全には打破しておらず、現在の AI エージェントは Figma にログインできても、Figma ファイル内のデザイン意図を容易に理解することはできません。 DESIGN.md はまさにこのギャップを埋めるものです。デザインシステムの表現方法を「Figma 内のファイル」から「あらゆるツールが読み取れるプレーンテキスト」へと変革します。 AI coding agent にとって、DESIGN.md がある場合とない場合の違いは、前者は「ブランドのガイドラインに準拠した」UI を生成できるのに対し、後者は「見た目がそれなりに良い」UI しか生成できないという点にあります。デザインツール市場にとって、この動きがもたらす潜在的な衝撃は明らかです。Figma の参入障壁は常に「デザイナーがそこで作業し、開発者がそこで仕様を取得する」という点にありました。もし AI coding agent が DESIGN.md を直接読み取ってブランド規範に沿った UI を生成できるなら、デザイン仕様を「運搬する」というステップは圧縮されます。例えば、Stitch 2.0 が発表された当日、Figma の株価は一時約 10% 下落しました。市場がこの脅威に対して下した判断は、いかなるアナリストのレポートよりも直接的なものでした。デザインツールの競争は、かつては「誰がデザイナーの効率を上げるか」でしたが、現在の問いは「誰が AI agent にデザインをより深く理解させるか」に変わりました。DESIGN.md は、Google がこの新たな競争において提示した最初の一手です。

データステータス✓ 全文抽出済み原文を読む（動區 BlockTempo）

🔍過去の類似イベント· キーワード + 銘柄照合6 件

2026-04-21

Google、Anthropic を追う精鋭チームを結成、自社のエンジニアまで Claude Code を密かに利用中

類似度 220%關鍵字 code/claude/google同分類 zh

2026-04-23

Claude Code 新機能「/ultrareview」紹介：クラウド型マルチエージェントによるコード詳細レビュー、Pro・Maxユーザー向けに期間限定で無料提供

類似度 170%關鍵字 code/claude同分類 zh

2026-04-19

Claude Code が JS を捨ててネイティブバイナリへ移行、Node.js 依存から脱却

類似度 170%關鍵字 code/claude同分類 zh

2026-04-17