
DMD Builderはオリジナルのdesign.mdを、アプリで簡単に作れるデスクトップアプリです。
DMD Builderは、色・余白・タイポグラフィ・パーツなど、デザインの「ルール」をビジュアルエディターで整理し、AIにそのまま渡せる設計仕様書(design.md)として出力できるツールです。
AIに丸投げするためのツールではありません。
デザインのルールを整えて、AIや実装者に正しく伝えるための設計補助ツールです。
DMD Builderでできること
- カラー / タイポグラフィ / 余白 / パーツ / レイアウトを、タブごとにビジュアルで整理できます
- ライト / ダーク両モード、PC / SP両表示でリアルタイムにプレビューできます
- 整理した内容を、ワンクリックで設計仕様書(design.md)として出力できます
- プロジェクト機能で、SKILL.md・design.md・アイコンセット・ダミー画像・フォルダ階層を一発生成できます
- 「AIに指示する」ダイアログから、ボタン1つで Codex / Claude Code を起動できます
- トム監修のプリセットプロンプトを使って、1行入力からAI制作を始められます
- 日本語 / 英語の表示切り替えに対応しています
0427.mov
こんな課題を解決するために作りました
- デザインシステムを作りたいけど、Figmaで全部作るのは大変
- カラーや余白、タイポグラフィを毎回ゼロから言語化するのが大変
- デザインの一貫性を保ちたいけど、ルール作り自体がしんどい
- AIに何を渡せばいいか分からず、ふんわりした指示で投げてしまう
- 実装者に渡したつもりが、認識ズレで何度もやり直しになる