Anthropic、Claude Designを公開
(anthropic.com)- Claude Opus 4.7 ビジョンモデルを基盤に、デザイン、プロトタイプ、スライド、ワンページャーなど完成度の高いビジュアル成果物を制作する協働型ビジュアルデザインツール
- ユーザーはテキストによる説明だけでデザイン草案、プロトタイプ、スライド、マーケティング資料などを生成し、Claudeと一緒に修正・完成できる
- テキストプロンプト、画像・文書アップロード、コードベース接続、Webキャプチャなど多様な入力方式と、インラインコメント、直接編集、カスタムスライダーによる細かな修正をサポート
- オンボーディング時にチームのコードベースとデザインファイルを読み取り、デザインシステムを自動構築。その後のすべてのプロジェクトに組織の色・タイポグラフィ・コンポーネントを一貫して適用
- Canva、PDF、PPTX、HTMLへの書き出しとClaude Codeハンドオフバンドルまでつなぎ、アイデアから実装までの流れを1つのワークフローに統合
Claude Design 概要
- Anthropicが2026年4月17日に公開したAnthropic Labsの新製品で、Claudeとともにデザイン、プロトタイプ、スライド、ワンページャーなどのビジュアル成果物を制作できる
- Claude Opus 4.7 ビジョンモデルをベースに動作
- Claude Pro、Max、Team、Enterprise加入者向けにリサーチプレビューとして提供され、当日中に段階的に展開
ターゲットユーザーと課題意識
- 熟練デザイナーであっても時間的制約により、探索の幅をいくつかの案に絞らざるを得ない状況がある
- デザインのバックグラウンドがない創業者、プロダクトマネージャー、マーケターにとって、アイデアを可視化して共有する作業は負担が大きい
- Claude Designは、デザイナーには幅広い探索の余地を、非デザイナーにはビジュアル成果物を作る手段を提供する
使い方
- 必要なものを説明すると、Claudeが最初のバージョンを生成
- その後、対話、インラインコメント、直接編集、Claudeが作成したカスタムスライダーを通じて成果物を洗練
- アクセス権が与えられれば、チームのデザインシステムをすべてのプロジェクトに自動適用し、会社全体のデザインとの一貫性を維持
チーム別の活用例
- 現実的なプロトタイプ: デザイナーが静的モックアップを、コードレビューやPRなしで共有できるインタラクティブなプロトタイプへ変換し、フィードバック収集やユーザーテストを実施
- プロダクトのワイヤーフレームとモックアップ: プロダクトマネージャーが機能フローをスケッチし、Claude Codeへ実装を引き渡したり、デザイナーに追加の仕上げを依頼したりできる
- デザイン探索: デザイナーが多様な方向性をすばやく生成
- ピッチデックとプレゼンテーション: 創業者やAccount Executiveがラフなアウトラインからブランドに沿ったデックを数分で完成させ、PPTXへの書き出しやCanvaへの転送が可能
- マーケティング資料: マーケターがランディングページ、ソーシャルメディア用アセット、キャンペーンビジュアルを制作し、その後デザイナーと一緒に仕上げる
- フロンティアデザイン: 誰でも音声、動画、シェーダー、3D、内蔵AIを活用したコードベースのプロトタイプを制作できる
コアとなる動作方式
- Claude Designは自然な創作フローに沿う構造で設計されている
-
ブランドシステム構築
- オンボーディング過程でClaudeがコードベースとデザインファイルを分析し、チームのデザインシステムを自動生成
- その後、すべてのプロジェクトに色、タイポグラフィ、コンポーネントが自動適用される
- システムは継続的に修正可能で、チームごとに複数のシステムを維持できる
-
多様な入力方式
- テキストプロンプト、画像、文書（DOCX、PPTX、XLSX）のアップロード、コードベース指定など、多様な開始点を提供
- Webキャプチャツールを通じて実際のWebサイト要素を取り込み、実際の製品に近いプロトタイプを制作できる
-
細かな制御機能
- 特定要素へのインラインコメント、テキストの直接編集、間隔・色・レイアウト調整スライダーを提供
- 変更点をデザイン全体に一括適用できる
-
コラボレーション機能
- 組織単位の共有設定をサポート
- 文書を個人の非公開に保ったり、組織内リンク共有や編集権限の付与によって共同作業したりできる
- グループ会話内でClaudeと一緒にデザインを修正できる
-
書き出しと連携
- 組織内部URL、フォルダ、Canva、PDF、PPTX、スタンドアロンHTMLファイルなど、多様な形式で書き出し可能
- 完成したデザインはClaude Codeに渡せるバンドル形式でパッケージ化され、開発段階へすぐにつなげられる
- 今後は他ツールとの統合機能を拡大予定
パートナー事例
- Canva: Anthropicとの協業を継続しており、Claude Designで作成したアイデアや草案をCanvaへシームレスに取り込み、完全に編集・共同作業可能なデザインへ即座に変換できるよう支援
- Brilliant: 複雑なインタラクティビティとアニメーションのプロトタイピングは従来難しかったが、Claude Designは静的デザインをインタラクティブなプロトタイプへ変換する**段階的変化（step change）**を提供
- 他ツールで20回以上のプロンプトが必要だった最も複雑なページも、Claude Designでは2回のプロンプトで再現
- Claude Codeへのハンドオフにデザイン意図を含めることで、プロトタイプから本番環境への移行がスムーズになった
- Datadog: 対話中にリアルタイムでデザインが進むことで、プロトタイピング速度が劇的に向上
- ブリーフ・モックアップ・レビューラウンドの間で1週間かかっていた作業が単一の会話内で完了
- 成果物はブランドおよびデザインガイドラインに忠実に適合
はじめ方
- Claude DesignはClaude Pro、Max、Team、Enterprise加入者に提供され、加入プランの上限内で利用可能
- 上限超過時は**追加使用量設定（extra usage）**を通じて継続利用できる
- Enterprise組織ではデフォルトで無効化されており、管理者がOrganization settingsで有効化できる
- 利用開始: claude.ai/design
3件のコメント
使ってみると、ナプキンのスケッチ認識率が驚くほど高いですね。もうチャットすら必要なくなりました。
これ、発表後にFigmaの株価だけ暴落していますね。
Adobeはすでにかなり下がっていたからか、あまり動きがないのも不思議です
Hacker Newsの意見
インターネットのデザインがガラス効果やドロップシャドウ中心に均質化されたおかげで、こうしたツールが可能になったのだと思う
今では少ない労力でもっともらしいUIを作れるが、昔の独特で職人技を感じるデザインはますます希少になり、ノスタルジーを誘う
病院の弁護士が医療訴訟を検索する社内ツールなら、最も予測可能なUI/UXが最善だ
ただし、人間はいつ均質さで十分で、いつ個性が必要かを見分けられなければならない
アートプロジェクトでないなら、驚きを与えるために不要な摩擦を加えるのはよくない
過去の「奇妙な」デザインは意図された芸術ではなく、限られたツールの中で最善を尽くした結果だった
一貫性とプラットフォームのガイドラインを守るのがどれほど難しいか知っている人なら、これは本当に神の贈り物だ
問題はデザインが難しいことより、作る人たちが「不格好だ」と気づいていないことにある
うちのエージェンシーでは、これはFigmaやデザイナーの代わりにはならない
その代わり、意図を伝えるツールとして非常に有用だ
以前は参考サイトを探して説明するのに何時間も使っていたが、今ではClaudeやLovableで素早くモックアップを作って送れば、デザイナーがすぐ理解する
フィードバックループが数週間から数分に短縮された
今ではその過程をより優れた形で自動化したにすぎない
Google Stitchは遅くて今ひとつだったが、Claudeベースのアプローチはかなり印象的だ
Alexanderの『Notes on the Synthesis of Form』によれば、デザインとは問題を定義する力の合理化プロセスだ
しかし人々はデザインを成果物だと勘違いしている
こうした誤解が不適切なデザインを生む
生成ツールを使うと、問題を理解するよりも、ツールが提供する形に問題を押し込めるようになる
結局は美的効果だけを制御することになり、本当の構造的理解を見失ってしまう
革新はゆっくりとした漸進的な設計プロセスの中でしか現れないのに、それを失うことになる
エンジニアの立場では、複雑なデザインツールよりこうしたツールのほうがむしろ創造的な探索を助けると感じる
Figmaの株価はニュース公開直後に下落した
今回の発表は明らかにFigmaを狙ったものだが、Lovableもあわせて影響を受ける
AnthropicがFigma級の機能を追加するなら、大ヒットの可能性が高い
Figmaはデザイナー向けで、Claude Designは非デザイナー向けだ
Stitchの結果をClaude Designに貼り付けてみたが、質問も洞察に富んでいて結果も素晴らしかった
当面は自分の主要なプロトタイピングツールとして使う予定だ
考えれば考えるほど、これはデザインにとって良くないと感じる
AIは創造的なブレークスルーを生み出せず、結局は平均的な結果に収束する
良いデザイナーはこうしたツールを拒むだろう
デザインは単なるUIではなく、動き、タイポグラフィ、余白、感覚まで含む
GUIは馴染みのあるものであるべきで、新しい相互作用を発明しようとすると、かえって不便になる
AndroidとiOSが似ているのもそのためだ
25年のキャリアを持つデザイナーとしてフィードバックを残す
トークン消費量が過剰で、ロゴ作業はひどい
フィードバックを忘れて以前のバージョンに戻るなど、UXはもどかしかった
視覚的な装飾は多いが、ユーザー中心ではない
既存のデザインシステムをうまく活用できず、常に最初から作り直そうとする傾向がある
以前自分がまとめたデザインシステム抽出 → テンプレート化 → エクスポートアプローチに似ていて、本当に強力だ
Claude Codeと一緒に毎日使っている
FigmaはAnthropicと協業してきたのに、今回は言及がないのが興味深い
FigmaのAI活用は期待外れで、Figma Makeは実質的にGemini 3 Proへのプロンプト程度だった
PMや開発者向けの席の比率が高かったFigmaは、今回の変化で打撃が大きそうだ
Claude Designのほうがはるかにまともなアプローチだ
Anthropicは製品領域を広げすぎているように見える
ここまで拡張すると集中力の分散は避けられない
Figmaは今後も製品に集中するだろうが、Anthropicが2〜3年後もこれを気にかけているかは疑わしい
将来的にはエージェント・オーケストレーションへつなげる計画のようだ
Claude Code、Cowork、ChatはいずれもClaudeモデルを中心にしたエコシステムだ
Claude Designもその延長線上にあり、ユーザーコンテキストを共有できる強みがある
Killed by Googleのようにはならないだろう
ほとんどは消えるだろうが、それ自体が興味深い時期だ
実際の収益はトークン販売だけなので、IPOまではハイプの維持が重要だ
Anthropicが製品を出すたびに競業避止条項の範囲が広がり、しかも訴訟好きである点を覚えておくべきだ
これこそがMike KriegerがFigmaの取締役会を離れた理由を説明している