プロンプトからビジュアルを作成
会話でビジュアルアイデアを説明すると、Claudeが初版を作成します。そこから反応や改善を加え、デザイン、モックアップ、ワンページャー、プレゼンテーションに仕上げられます。
ツールプロフィール TOOLAI
Claude Design
アイデアをClaudeで、ブランドに沿ったデザイン、プロトタイプ、スライド、ビジュアル制作物に変えます。
画像全体を表示
全体像
Claude Designについて
Claude Designは、Claude内にあるデザインワークスペースです。説明、ファイル、コードベース、既存のデザインシステムを、ビジュアル制作物に変換できます。ワンページャー、モックアップ、プレゼンテーション、マーケティング素材、インタラクティブなプロトタイプの初版を作成し、会話しながら改善できます。
| ツール名 | Claude Design |
|---|---|
| カテゴリー | デザインアシスタント , プレゼンテーション |
| 料金体系 | Claude Designは、Freeプランを含むClaudeのプランに含まれています。利用量は該当するClaudeプランの上限に算入されます。上限を超えて追加利用を有効にすることもできます。 |
| 対応環境・機能 | Claudeの会話、Artifactsタブ、デスクトップまたはターミナル上のClaude Code、移行期間中のスタンドアロンサイトclaude.ai/design。 |
| 掲載日 | 2026-10-27 |
| 主な代替ツール | AI YouTubeサムネイル , Interior Decorator AI , LogoGalleria：高精度な無料オンラインAIロゴメーカー |
詳しく見る
実際の動作を見る
製品画面や公開されている例をご覧ください。画像を開くと、より詳しく確認できます。
できること
探索する価値のあるツールキット
機能を知り、自分なりの活用方法を見つけましょう。
デザインシステムとの統合
GitHub、デザインファイル、アップロードからデザインシステムを取り込み、一般的なテンプレートではなく、実際の色、タイポグラフィ、トークン、コンポーネントをClaudeに使用させます。
インタラクティブなプロトタイプ
大まかなコンセプトや静的なモックアップを、クリック可能でコード駆動のプロトタイプに変換します。音声、動画、シェーダー、3D、組み込みAIを含む体験にも対応します。
きめ細かなキャンバス編集
個々の要素にコメントし、テキストを直接編集し、生成されたスライダーで間隔や色を調整し、キャンバス上で項目をドラッグ、サイズ変更、整列できます。
会話による改善
自然言語のリクエストを通じて反復し、提供されたビジュアルの方向性とデザインシステムを保ちながら、デザイン全体に変更を適用するようClaudeに依頼できます。
Claude Codeへの引き継ぎ
パッケージ化された引き継ぎバンドルを通じて完成したデザインをClaude Codeに移行できます。また、/designコマンドを使ってデザインプロジェクトを作成、編集、同期できます。
共有とコラボレーション
組織内に限定したリンクを非公開で共有し、同僚による閲覧や編集を許可して、グループ会話でClaudeと一緒に共同作業できます。
エクスポートとコネクター
作業をPDF、PPTX、HTML、またはフォルダーとしてエクスポートし、Adobe、Canva、Gamma、Lovable、Miro、Replit、Vercel、Wixなどの接続先にデザインを送信できます。
あなたのワークフローのために
日々の作業にどう役立つか
プロダクトフローを検討する
提案する機能を説明し、既存のデザインシステムを取り込み、実装前にプロダクトチームとデザインチームが確認できる複数のインタラクティブな方向性を作成します。
キャンペーンのコンセプトを準備する
ブリーフとブランド素材を使って、ランディングページのコンセプト、ソーシャル用素材、またはプレゼンテーションの下書きを作成し、選択した方向性を接続されたツールで仕上げるためにエクスポートします。
開発者向けの引き継ぎを作成する
ブランドに沿ったインターフェースのプロトタイプを作成し、レイアウトとインタラクションを改善して、実装作業のために完成したデザインコンテキストをClaude Codeに渡します。
はじめの一歩
最初のクリックから最初の成果まで
Claude Designを開く
Claudeの会話、Artifactsタブ、Claude Code、またはClaude Designのエントリーポイントから開始します。
成果物を説明する
Claudeに作成してほしいビジュアル、対象者、コンテンツ、スタイル、インタラクションを説明します。
ソース素材を追加する
関連するドキュメントや画像をアップロードし、コードベースに接続するか、デザインシステムやウェブサイト要素を取り込みます。
キャンバスを改善する
コメント、テキストの直接編集、スライダー、会話形式の指示を使ってデザインを調整します。
共有または引き継ぐ
組織内リンクを共有し、対応形式にエクスポートし、コネクターに作業を送信するか、Claude Codeに引き渡します。
まずは見てみる
実際の使い心地を確かめる
ツールのデモや動画で、インターフェースとワークフローを確認しましょう。
次のステップを計画する
あなたの働き方に合ったプラン
Claude Designは、Freeプランを含むClaudeのプランに含まれています。利用量は該当するClaudeプランの上限に算入されます。上限を超えて追加利用を有効にすることもできます。
プラン
Free
Claude Designが含まれており、プランのClaude利用上限を使用します。
- Claude Designへのアクセス
- Artifactsベースのデザイン作業
- 利用量はプランの上限の対象
プラン
Pro、Max、Team、Enterprise
これらのClaudeサブスクリプションと各利用枠に含まれています。組織の管理者はArtifactsへのアクセスを管理できます。
- Claude Designへのアクセス
- デザインシステムのワークフロー
- Claude Codeへの引き継ぎ
- 利用量はサブスクリプションの上限の対象
料金、利用上限、利用規約は変更される場合があります。申し込む前に、ツールの公式サイトで最新情報をご確認ください。
Claude Designはどこで利用できますか？
Claudeの会話、Artifactsタブ、デスクトップまたはターミナル上のClaude Codeで利用できます。スタンドアロンのclaude.ai/designサイトは移行期間中も利用できます。
どのファイルを取り込めますか？
画像、DOCX、PPTX、XLSXファイル、デザインファイル、GitHubリポジトリ、ローカルのコードベース、ウェブサイトから取得した要素を取り込めます。
自社のデザインシステムを使用できますか？
はい。リポジトリ、デザインファイル、またはアップロードから1つ以上のシステムを取り込めます。管理者は標準システムを1つ承認し、チームによる編集をロックできます。
Claude Designの作業を受け取れるツールはどれですか？
一覧にあるコネクターには、Adobe、Canva、Gamma、Lovable、Miro、Replit、Vercel、Wixが含まれます。作業はPDF、PPTX、HTMLとしてもエクスポートできます。
Claude Designは自分のプランに含まれていますか？
プロダクトページには、Claude Design、Claude Slides、Claude DocsがFreeを含むすべてのプランに含まれると記載されています。作業は引き続きプランの利用上限に算入されます。
デザインをClaude Codeに送るにはどうすればよいですか？
完成したデザインからClaude Codeへの引き継ぎを使用するか、Claude Codeに/designを使ってプロジェクトを作成・同期するよう依頼します。
コミュニティから
使用感はいかがでしたか？
このツールを試しましたか？
ログインして体験を共有し、他の人が適切なツールを見つけられるようにしましょう。
FEATURED BADGE
Embed "Featured on ToolAI.io" Badge
次に見つけるもの
探索できるその他のツール
AI YouTubeサムネイル
動画のタイトルまたは説明を送ると、5分以内にすぐ使えるカスタムデザインのサムネイルを5枚受け取れます。そのまま使うことも、自分で作る際の参考にすることもできます。
Interior Decorator AI
InteriorDecorator.aiは、AIでインテリアやエクステリアの装飾アイデアを生成できるウェブアプリです。部屋の写真をアップロードし、多彩なスタイルから選ぶと、AIが装飾アイデアを作成します。
LogoGalleria：高精度な無料オンラインAIロゴメーカー
LogoGalleriaは、テキストを入力するだけでプロ仕様のロゴを短時間で作成できる無料オンラインAIロゴメーカーです。
HeyDream AI
HeyDream AIは、オープンソースのHiDream I1モデルに対応した高度な画像生成ツールで、高品質かつ多様なビジュアルをすばやく作成できます。
次の一歩を踏み出す
Claude Designを探索する準備はできましたか？
公式サイトで最新機能を確認し、始めましょう。
Claude Designclaude.com
ウェブサイトにアクセス