Refero Styles
配色・タイポグラフィ・余白・コンポーネントをまとめた DESIGN.md の作例集。AI コーディングに使うデザインスタイルを探せる。
Awesome Something
Design systems & DESIGN.md
9 items
Switch subcategory
DESIGN.md（Hyperbrowser）
AI コーディング向けの DESIGN.md を扱う、Hyperbrowser のデザインリソース。
designmd.supply
AI コーディングや UI/UX 設計に活用できる、DESIGN.md を中心としたデザインリソース集。
DesignMD
Web サイトから配色・タイポグラフィ・余白などのデザインシステムを抽出し、AI が利用できる DESIGN.md を生成するツール。
getdesign.md
実在する Web サイトの配色・タイポグラフィ・余白・コンポーネントを分析した DESIGN.md のコレクション。AI コーディングエージェントに渡すデザインの参照資料を探せる。
Design.md Store
AI コーディング向けのデザインシステム仕様を DESIGN.md 形式で配布するライブラリ。カテゴリ別のデザインをプレビューし、プロジェクト用にダウンロードできる。
Kigen Color Generator
基準色から濃淡のカラーパレットを生成するツール。色数やコントラストを調整し、CSS・Tailwind CSS・デザイントークンなどの形式で書き出せる。
DESIGN.md（Stitch）
Google Labs の AI デザインツール Stitch が採用する、デザインシステムを Markdown に記述する DESIGN.md の公式仕様ドキュメント。配色・タイポグラフィ・コンポーネントの役割や根拠を明文化でき、オープン仕様として公開されているため Stitch 以外の AI エージェントにもデザインルールを渡せる。
Design Token Naming Guide
デザイントークンの命名規則を学ぶインタラクティブなレッスンと、独自のトークン体系を組み立てるツールを提供する。