本日、Claude Design をローンチします。これは新しい Anthropic Labs のプロダクトで、Claude と協力して、デザイン、プロトタイプ、スライド、1 ページ資料など、洗練されたビジュアル作品を作成できます。

Claude Design は、当社の最も高い能力を持つビジョンモデルである Claude Opus 4.7 によって駆動され、Claude Pro、Max、Team、Enterprise の加入者向けに研究プレビューとして提供しています。なお、本日は利用者へ段階的に展開していきます。

Claude でデザインする

経験豊富なデザイナーであっても、探索を必要以上に絞らざるを得ません。というのも、たとえば 12 通りもの方向性をプロトタイピングする時間は、なかなか確保できないからです。結果として、選べる案はほんの数個に限られます。そして、アイデアはあるもののデザインのバックグラウンドがない創業者、プロダクトマネージャー、マーケターにとっては、そのアイデアを作り、共有すること自体が大きな負担になりがちです。

Claude Design は、デザイナーに対しては幅広く探索できる余地を与え、その他の人に対してはビジュアル作品を作り出す手段を提供します。必要なものを説明すると、Claude がまず最初のバージョンを作成します。そこから先は、会話、インラインコメント、直接編集、あるいは（Claude が作る）カスタムスライダーなどで、正しいものになるまで磨き込みます。さらにアクセス権がある場合、Claude はチームのデザインシステムをあらゆるプロジェクトに自動的に適用できるため、出力結果は会社全体の他のデザインと一貫します。

チームでは、Claude Design を次の用途で活用しています：

• 現実的なプロトタイプ： デザイナーは静的なモックアップを、共有しやすいインタラクティブなプロトタイプに変換して、コードレビューや PR をすることなく、フィードバック収集やユーザーテストができます。
• プロダクトのワイヤーフレームおよびモックアップ： プロダクトマネージャーは、機能のフローをスケッチして Claude Code に実装を依頼する、またはデザイナーと共有してさらに改善を進めることができます。
• デザインの探索： デザイナーは短時間で、多様な方向性を幅広く作り出して検討できます。
• ピッチデック／プレゼンテーション： 創業者やアカウントエグゼクティブは、ラフなアウトラインから数分で、ブランドに合った完成度の高いデックを作成でき、その後 PPTX として書き出すか、Canva に送れます。
• マーケティング素材： マーケターは、ランディングページ、SNS 向け素材、キャンペーンビジュアルを作成し、そのうえでデザイナーに連携して仕上げを行えます。
• フロンティアのデザイン：誰でも、音声、動画、シェーダー、3D、そして内蔵された AI により、コードで駆動するプロトタイプを構築できます。

仕組み

Claude Design は、自然なクリエイティブの流れに沿っています。

内蔵されたあなたのブランド。 オンボーディングの期間中、Claude はコードベースとデザインファイルを読み取ることで、チームのためのデザインシステムを構築します。その後のあらゆるプロジェクトでは、あなたの色、タイポグラフィ、コンポーネントが自動的に使われます。時間をかけてシステムを改善することもでき、チームは複数のシステムを維持できます。

どこからでも取り込み。 テキストのプロンプトから始め、画像やドキュメント（DOCX、PPTX、XLSX）をアップロードするか、Claude にコードベースを参照させます。Web キャプチャツールを使って、Web サイト上の要素を直接取得し、プロトタイプが実際のプロダクトのように見えるようにすることも可能です。

きめ細かなコントロールで磨く。 特定の要素にインラインでコメントしたり、テキストを直接編集したり、調整ノブで余白、色、レイアウトをライブに微調整したりできます。その後、Claude に依頼して、変更内容をデザイン全体に反映させます。

共同作業。 デザインには組織スコープでの共有があります。ドキュメントを非公開にしておくことも、リンクを持つ組織内の誰でも閲覧できるように共有することもできます。また、編集アクセスを付与して、同僚がデザインを変更できるようにし、さらにグループ会話で Claude と一緒にチャットしながら進めることも可能です。

どこへでも書き出し。 組織内で内部 URL としてデザインを共有したり、フォルダーとして保存したり、Canva、PDF、PPTX、または単体の HTML ファイルとして書き出したりできます。

Claude Code へ引き渡し。 デザインが組み立て（構築）可能な状態になったら、Claude はすべてを引き渡しバンドルにまとめます。あなたは、単一の指示でそのバンドルを Claude Code に渡せます。

今後数週間のうちに、Claude Design との統合をより簡単に構築できるようにします。これにより、チームがすでに使っているより多くのツールとつなげられるようになります。

私たちはこの数年、Anthropicとの共同作業を楽しんできました。そして、複雑なものをシンプルにすることに深いこだわりを共有しています。Canvaにおける私たちのミッションは常に、世界中の人々がデザインできるよう力を与えることでした。つまり、Canvaをアイデアが生まれる場所にまで届けることです。私たちはClaudeとの協業をさらに発展させ、人がClaude Designからアイデアや下書きをCanvaへ持ち込む際にシームレスにできるようにすることにワクワクしています。そこでそれらは、すぐに完全に編集可能で共同制作できるデザインになり、改善し、共有し、そして公開する準備が整います。

Brilliantの複雑なインタラクティブ性とアニメーションは、これまでプロトタイプ化するのが非常に大変でした。しかしClaude Designによって静的なデザインをインタラクティブなプロトタイプに変えられるようになったことは、私たちにとって大きな飛躍でした。ほかのツールで再現するのに20回以上のプロンプトを要していた最も複雑なページが、Claude Designでは2回のプロンプトで済みました。さらに、設計意図をClaude Codeの引き渡しに含めることで、プロトタイプから本番への移行がシームレスになりました。

Claude Designにより、当社チームのプロトタイピングが劇的に速くなりました。会話の最中にライブでデザインできるようになり、粗いアイデアから部屋を出る前に動作するプロトタイプへと進められます。そして、出力は当社のブランドやデザインガイドラインに忠実に保たれます。これまで、ブリーフ、モックアップ、レビューの往復に1週間かかっていたことが、今では1回の会話の中で完結します。

01 / 03

はじめに

Claude Designは、Claude Pro、Max、Team、Enterpriseの各サブスクリプションで利用できます。アクセスはご契約プランに含まれており、サブスクリプションの利用上限を使用します。さらに、その上限を超えて継続する場合は、extra usage を有効にすることで可能です。

Enterprise組織では、Claude Designはデフォルトで無効になっています。管理者は、組織の設定 で有効にできます。

デザインを始めるには、claude.ai/design にアクセスしてください。