Claude Designまとめ|チャットで話すだけのAIデザインツール
▌Claude Designとは
- Anthropicが2026年4月に公開したAIデザインツール。チャットで話しかけるだけで、スライド・インフォグラフィック・Webページのデザインなどを作ってくれる
- デザインの専門知識は不要。有料ユーザーに順次提供されている
- 作ったデザインはPPTX(パワーポイント)・PDF・Canvaなどに書き出せる
▌注目の3つのポイント
- ①インフォグラフィックが得意:「この内容でインフォグラフィックを作って」と伝えるだけで生成。画面上で直接修正指示もできる
- ②デザインの統一感を保てる:一度決めた色・フォントのルールを記憶して、次回以降も同じテイストで作成。「カテゴリ×カラー」6分類ルールと相性が良い
- ③Claude Codeと連携:Claude Designで作ったデザインをClaude Codeに引き渡してHTML化・サイト公開まで一気に進められる(/design-sync機能)
▌ポラの活用アイデア
| 場面 | 使い方 |
| YouTube学習ノート | Claude Designでインフォグラフィック生成 → Claude Codeで学習ノートに組み込み |
| ホームページ | 「大切な老後」トップページのデザイン改善案を作らせる |
| 発信活動 | 将来のブログ・SNS用の図解やアイキャッチ作成 |
▌方針(2026-07-07決定)
- まずはインフォグラフィック生成スキルをClaude Codeだけで作る。スキル方式なら全自動でノートまで一気に作れるため
- 物足りなくなったらClaude Designを試す、という順番で進める
- 今は学習ノートを充実させて、少しずつ改善を加えて見やすくすることを優先する
Chat-to-Design
チャットで会話するだけでデザインが作れる仕組み。Claude Designの中心的な考え方
デザインシステム
色・フォント・余白などのデザインルールをまとめたもの。統一感のある見た目を保つための設計図
/design-sync
Claude DesignとClaude Codeの間でデザインとコードを行き来させる連携機能