Anthropic Labs — 2026年4月17日 発表

AIに話しかけるだけで
デザインが完成する

Claude Design は、Anthropic が開発したAIデザインツールです。
デザインの知識もコードの知識も、一切いりません。

どんなツール? → 使用事例を見る
Claude Design — プロジェクト: モバイルアプリ
瞑想アプリのホーム画面を作って。落ち着いた青系のカラーで。
C
落ち着いたミストブルーをベースに、毎日の瞑想記録とタイマーが見えるホーム画面を生成しました。
ボタンをもう少し大きく、フォントを細くしたい
C
修正しました。ボタンを44pxに拡大、見出しをLight weightに変更しました。
生成されたデザイン — ホーム画面
今日の瞑想
12分 完了
連続記録
7日間
今すぐはじめる

「話す」だけで、プロのデザインが届く

従来のデザインツールは専門知識が必要でした。Claude Designは、日本語で話しかけるだけでAIがデザインを生成します。

1

チャットで指示する

「営業向けのピッチデックを作って」「モバイルアプリのオンボーディング画面が欲しい」と日本語で入力するだけ。

2

AIがデザインを生成

Claude Opus 4.7 が、数秒〜数十秒でデザインを作成します。

3

会話しながら修正

「色をもっとシックに」「このボタンを大きく」と話しかければ、AIが即座に直します。

4

エクスポート・共有

PPTX・PDF・Canvaなどへエクスポート。リンクでチームと共有も。

💬

専門知識ゼロでOK

デザインソフトの操作方法も、色彩理論も、フォント選びの知識も不要。「こんなものが欲しい」と伝えるだけ。

数分で完成する速さ

プロのデザイナーが数日かけて作るものを、AIは数分で生成。試行錯誤のコストが劇的に下がります。

Anthropic Labs 公式より

「デザイナーが広く探索できる余地を与え、デザインの専門知識を持たない人でも視覚的なアイデアを具体化できる手段になる」

何ができるのか

テキストを打ち込むだけで、これだけのことが実現します。

🖥️

インタラクティブ
プロトタイプ

クリックできる・動くプロトタイプを生成。実際に触って確認できます。デザイナーなしでユーザーテストが可能に。

📊

スライド・
ピッチデック

投資家向けや社内プレゼンのスライドを数分で生成。PowerPointやCanvaにエクスポートして細部を編集できます。

📱

モバイルアプリ
モックアップ

スマホ画面のワイヤーフレームやモックアップを即座に作成。複数画面のフローも一度に生成できます。

🌐

ランディングページ
・Webサイト

製品紹介ページ、会社サイト、マーケティング素材をプロンプトから生成。コードもそのまま使えます。

🎬

アニメーション
動画

動くビジュアルコンテンツも生成可能。SNS向けのショートアニメやプロモーション動画の下地を作れます。

📋

ワンページャー
・ドキュメント

サービス概要、提案書、社内資料などのビジュアルドキュメントをフォーマット含めて整えて生成します。

こんな人が使っています

デザイナーでも、エンジニアでも、経営者でも。職種を問わず活用されています。

ピッチデックを
自分で作れる

投資家向けのピッチデックは、通常デザイナーに依頼するか、PowerPointで悪戦苦闘するものでした。Claude Designなら「うちのサービスはXXで、ターゲットはYY。投資家向けのスライドを10枚で」と打ち込むだけで完成します。

Brilliant社の事例:「20回以上プロンプトが必要だった複雑なページが、わずか2回のプロンプトで再現できた」

ピッチデック 投資家向け資料 会社紹介
📊
Series A ピッチデック — 12スライド
スライド 1 — 課題
スライド 3 — 市場規模
¥2.4兆
TAM
¥480億
SAM
¥24億
SOM

アイデアをすぐに
可視化できる

プロダクトマネージャーが新機能のアイデアを持っていても、デザイナーの工数を確保するまで数週間かかることも。Claude Designなら「新機能のワイヤーフレームを作って」と打てば即座に形になります。

そのままClaude Codeに引き渡して、エンジニアが実装を開始することも可能です。

ワイヤーフレーム 機能設計 ステークホルダー共有
📱
通知センター — ワイヤーフレーム
NEW

マーケティング素材を
量産できる

SNS用バナー、メールヘッダー、LP、ホワイトペーパーのカバーなど、必要なビジュアル素材を一気に作れます。CanvaへのエクスポートでCanvaユーザーとの協業もスムーズ。

LP制作 SNSバナー キャンペーン資料
🌐
LP ヒーローセクション

探索の幅が
広がる

プロデザイナーが時間の制約で諦めていた「多くのバリエーションを試す」探索フェーズが、Claude Designで劇的に速くなります。AIに複数方向性を出させて、方向性が決まったらFigmaで詰める、という新しいワークフローが生まれています。

デザイン探索 バリエーション生成 プロトタイプ共有
🎨
3バリエーション同時生成
Option A
ミニマル
Option B
ダーク
Option C
カラフル
← チャットで「Option Aをベースに、もっとアクセントカラーを使って」と指示するだけで次のバリエーションを生成

デザインから
実装まで一気通貫

エンジニアがUIを作るとき、デザインに時間をかけたくない。Claude Designでプロトタイプを作ったら、ワンクリックでClaude Codeに引き渡せます。デザインとコードが一つのパイプラインでつながります。

プロトタイプ → コード Claude Code連携 内部ツール開発
⚙️
Claude Code へのハンドオフ
Claude Design でプロトタイプ完成
Claude Code が実装を開始

知っておきたい詳細機能

初心者が知っておくと便利な機能を網羅的に紹介します。

インラインコメント
生成されたデザインのキャンバス上で、変えたい部分を直接クリックしてコメントを入れられます。「このボタンの色を変えて」と特定の場所だけ指定した修正が可能。チャットで全体の変更を指示するより、細かな修正に向いています。
デザインシステム自動構築
GitHubのリポジトリや既存のデザインファイルを読み込ませると、Claudeがあなたの会社・チームのデザインシステムを自動で学習しますEnterprise向け。以降のすべてのプロジェクトでブランドに一貫したデザインが出力されます。
多様な入力形式
テキストプロンプトだけでなく、画像(スクリーンショット・ラフスケッチ・競合製品)、DOCX・PPTX・XLSXのドキュメント、GitHubリポジトリ、Webページのキャプチャなどを入力として受け付けます。「このスクリーンショットに似た感じで作って」という指示が可能です。
Webキャプチャツール
既存のWebサイトの要素をそのままキャプチャして取り込めます。「うちのサイトのヘッダーのデザインを流用しながら、新しいページを作って」という使い方ができ、実際の製品に近いプロトタイプが作れます。
チーム共有・コラボレーション
作ったデザインは、組織内のメンバーとリンクで共有できます。「閲覧のみ」「コメント可」「編集可」の3種類の権限設定があり、非同期でのデザインレビューが可能。チーム全員がClaude Designにアクセスできれば、共同で修正・改善もできます。
エクスポート形式
PPTX(PowerPoint)、PDF、PNG、Canvaへのエクスポートに対応。Claude Codeへの直接ハンドオフもワンクリックで可能で、デザイナーの成果物をエンジニアがすぐにコード実装できます。
モデル切り替え
デフォルトはClaude Opus 4.7(最高品質)ですが、素早い実験にはClaude Haiku 4.5(最速)、バランス型のSonnet 4.6など複数モデルを会話の途中でも切り替えられます。
アクセシビリティレビュー
「このデザインのアクセシビリティを確認して」と依頼すると、色のコントラスト比、タップ領域のサイズ、スクリーンリーダー対応などの観点で問題点を指摘してくれます。
利用枠の独立管理
Claude Designの利用枠は、通常のClaudeチャットやClaude Codeとは別に計測されます。毎週リセットされる専用枠が付与されるため、日常のAI利用でDesignの上限を消費してしまう心配はありません。

他のツールとの違い

Claude Designが得意な領域と、既存ツールの強みをシンプルに比較します。

機能・特徴
Claude Design
Figma
Canva
デザイン知識なしで使える
チャットで指示して生成
インタラクティブプロトタイプ
コードへの直接ハンドオフ
既存コードベースの読み込み
ピクセル精度の細かい編集
スライド・プレゼン作成
Canvaへのエクスポート

✓ 対応 △ 一部対応・限定的 ✗ 非対応(2026年4月時点)

どうすれば使えるの?

Claude Designは現在、リサーチプレビューとして提供中です。Claudeの有料プランに含まれています。

Pro
$20/月
個人向け・基本プラン
Claude Design 利用可能
Claude Opus 4.7 使用可
毎週リセットの専用枠
Canvaエクスポート
Team / Enterprise
要問合せ
チーム・法人向け
チームでの共有・コラボ
デザインシステム自動構築
管理者による制御
専用サポート

※ Claude Designの利用枠はチャットやClaude Codeとは独立した別枠。現在はリサーチプレビューとして順次展開中。

気になること、まとめて解決

デザインの知識がまったくなくても使えますか? +
はい、使えます。「こんな感じのものが欲しい」と日本語で打ち込むだけで動き出します。デザインの専門知識を持たない人でも視覚的なアイデアを具体化できる手段になることを、Anthropicが明示的に目指して開発しています。
生成されたデザインを後から修正できますか? +
できます。チャットで「全体的にもっとシンプルに」という大きな修正も、キャンバス上の特定の要素をクリックして「この部分だけ色を変えて」という細かい指示も可能です。テキストを直接編集する機能や、スライダーでスペーシングや色を微調整する機能もあります。
日本語で指示できますか? +
Claude自体が高い日本語理解力を持っているため、日本語での指示も有効です。ただしClaude Designはリサーチプレビュー段階であり、一部のUIが英語のみの可能性があります。指示文は日本語でも機能します。
FigmaやCanvaとどう使い分ければいいですか? +
Claude Designはアイデアを素早く形にする「探索フェーズ」に最適です。方向性が決まったら、ピクセル精度の仕上げはFigmaで、SNS素材の仕上げはCanvaで、という使い分けが現実的です。Claude DesignからCanvaへ直接エクスポートも可能なので、ワークフローがつながっています。
今すぐ無料で試せますか? +
現在はClaude Pro・Max・Team・Enterpriseプランの有料ユーザー向けに順次展開中です(2026年4月時点)。無料プランでは現時点では利用できません。Claude Proは月額$20から利用できます。
生成物の著作権はどうなりますか? +
Anthropicの利用規約によれば、ユーザーが生成した出力物の権利はユーザーに帰属します。ただし、AIが生成したコンテンツの著作権に関しては各国の法律・ガイドラインが変化していますので、商用利用の際は最新の情報をご確認ください。

まずは一度、
話しかけてみる

Claude のPro/Maxプランに加入すれば、今日からClaude Designが使えます。デザインの知識は不要です。