1. DESIGN.md の役割

Design.mdは、デザインルールを「人間にもAIにも読める形式」で定義する構造化ドキュメントです。Figmaなどのデザインツールにあるスタイルガイドをテキスト化したものと捉えることができます。

https://getdesign.md/apple/design-md

https://getdesign.md/apple/design-md

2. なぜ必要なのか

AIによるコーディングが普及する中で、「良い感じに」といった抽象的な指示だけでは、正確なデザイン再現は難しくなります。

Design.mdを用いることで、以下の価値が生まれます。

• 正確性　構造化された仕様書により、色や余白の誤差を防ぐ
• 一貫性　プロジェクト全体でデザインルールを統一できる
• 効率化　デザイナーとAI（およびエンジニア）の共通言語として機能する

3. DESIGN.MD Generator の位置付け

DESIGN.MD Generatorは、テキストで手書きするとミスが発生しやすいDesign.mdを、GUI（視覚的操作）によって簡単に作成できるツールです。

プレビューを確認しながら設計できるため、誰でも直感的に正確なデザイン仕様書を構築できます。

実際に出力した.mdのプレビューサンプル