Stitch最新アップデート！Design.mdでAIデザインはどこまで変わる？｜B2Bダッシュボード画面で比較検証

Stitchがアップデートされたので、Design.mdの精度がどのくらい高くなったのか検証してみました。

お題は「B2B SaaSのダッシュボード画面」。
同じプロンプトで、2つのパターンを比較しています。

① Design.mdを指定しない（AI任せ）
② 自分でDesign.mdを書いて指定する

結果、同じツール・同じお題でも、Design.mdの内容次第でデザインの出力が大きく変わることがわかりました。

▼ 動画の内容
00:00 はじめに：Stitchアップデートの概要
00:08 今日のお題：B2B SaaSダッシュボード画面
00:31 検証①：Design.mdなしでAIに任せる
01:00 デザインコンポーネントの自動生成を確認
01:30 検証②のポイント：Design.mdとは何か？
03:00 自分でDesign.mdを書いてみる
04:00 書いたDesign.mdの内容（色・フォント・余白・Do's & Don'ts）
05:00 Design.mdあり vs なしの比較
06:00 StitchからHTMLへのエクスポート（Claude Code × MCP連携）
07:00 まとめ：AI時代のデザイナーの価値とは

▼ Design.mdに書いた主なポイント
・カラーパレット（プライマリ・セカンダリ・ニュートラル）の指定
・タイポグラフィ（Inter × Noto Sans JP）の選定理由
・コンポーネントのルール（余白・レイアウト）
・Do's & Don'ts（カジュアルすぎない、装飾過多にしない、スタートアップっぽさを避ける）
・「なぜそのデザインなのか」という意図の言語化

▼ この動画で伝えたいこと
AI時代のデザイナーの価値は「画面をきれいに作れること」ではなく、
「なぜこのデザインなのか」を言語化できることにシフトしています。
Design.mdを書けるかどうかが、AIツールを使いこなす鍵になります。

もし今あなたが担当しているデザインのDesign.mdを書けるかどうか、
一度チェックしてみてください。

---

▼ コミュニティ（noteメンバーシップ）
AIとデザインについてより深く学べるメンバーシップを運営しています。
興味のある方はぜひご参加ください！
→ https://note.com/dubhunter/membership

▼ アジケについて
UIUXデザインの専門会社です。
AIとデザインに関する最新情報を配信しています。
チャンネル登録よろしくお願いします！

▼ 関連リンク
・Stitch公式：https://stitch.withgoogle.com/
・アジケ公式サイト：https://ajike.co.jp/
・noteメンバーシップ：https://note.com/dubhunter/membership

#Stitch #designmd #AIデザイン #UIデザイン #UXデザイン #B2BSaaS #ダッシュボード #デザインシステム #Figma #ClaudeCode #MCP #アジケ

Видео Stitch最新アップデート！Design.mdでAIデザインはどこまで変わる？｜B2Bダッシュボード画面で比較検証 канала デザイン会社の社長が配信する動画