A. デザインシステム(カラー、フォント、余白、パーツ、レイアウト等)をマークダウン形式でまとめたファイルです。AI(Claude Code / Claude アプリ / Codex 等)がこれを読み込むことで、設計意図を反映したコーディングが可能になります。
Q2. AI にどうやって渡せばいいですか?
A. **「AIに指示する」ダイアログから直接連携できます。**
ヘッダーの「AIに指示する」ボタン → 粒度・カテゴリ・指示内容を入力 → Claude / Codex ボタンをクリックすると、対象 AI ツールが起動し、design.md を参照したプロンプトが生成されます。
手動でプロジェクトフォルダを AI に渡したい場合は、書類/DMD Builder/[プロジェクト名]/ フォルダを Claude アプリ や Codex で開いてください。design.md / base-rules.md / rules.md が同階層に揃っているので、AI が自動的に読み込みます。
Q3. AI 連携時のフォルダ選択がスムーズに行きません
A. v2.1.0 から、プロジェクトフォルダは **書類/DMD Builder/** 配下に作成されるようになりました。Claude アプリ や Codex で「フォルダを開く」を選択した時、左サイドバーの「**書類**」をクリック → **DMD Builder** → プロジェクト名 で 1 クリックアクセスできます。検索が遅い場合は、ダイアログ内のパスバーをクリックしてフルパスをコピー → ⌘Shift+G(Mac の「フォルダへ移動」)で貼り付けて Enter でも到達できます。
Q4. ai-logs/ フォルダが大きくなってきました
A. AI 指示ログはタイムスタンプ付きで ai-logs/ に蓄積されていきます。**過去のログを手動で削除しても、プロダクトの動作に影響はありません。**参考にしたいログだけ残し、不要なものは Finder から削除してください。
Q5. フォントが反映されません
A. Google Fonts を使用しているため、反映にはインターネット接続が必要です。オフライン環境では一部のフォントが正しく表示されない場合があります。接続環境で再度ご確認ください。
Q6. SP(スマホ)の値を手動で変更した後、自動計算に戻したい
A. 数値フィールド横にあるアイコンをクリックしてください。手動上書きが解除され、PC の設定値から自動計算された値に戻ります。
Q7. HTML エクスポートで作ったファイルは何に使えますか?
A. ブラウザで開けるビジュアル確認用のファイルです。コーディング不要でデザインイメージを共有したり、ポートフォリオに活用したりできます。書類/DMD Builder/[プロジェクト名]/html/ 配下に書き出されます。