タグ: デザインシステム

"デザインシステム" が付いた記事と Wiki ページ

• Google製 DESIGN.md — AIコーディングエージェントにデザインを伝える標準フォーマット

  2026年6月24日

  Google Labs が公開した DESIGN.md は、YAMLトークン＋Markdownの二層構造でAIコーディングエージェントにデザインシステムを伝える標準フォーマット。フォーマット仕様・CLI（lint/diff/export）・Tailwind連携を解説。

• ウェブサイトのスタイルを丸ごと抽出してDESIGN.md / SKILL.mdを自動生成するChrome拡張 — Claude Codeに渡すデザイン文脈を一瞬で構造化する

  2026年6月16日

  Chrome拡張「DESIGN.md Style Extractor - TypeUI」を使えば、任意のWebサイトのカラー・タイポグラフィ・スペーシングをワンクリックでDESIGN.mdまたはSKILL.mdに書き出せる。Claude Code・Codex・Google Stitchに渡すデザイン文脈を自動構造化する方法を解説する。