Claude Design発表 — Anthropicが2026年春に出した3本目のプロダクト

要点

2026年4月17日、AnthropicのAnthropic Labsが新製品のClaude Designを発表しました。プロンプトで頼むと、プロトタイプ、スライド、ワンページャー(1枚の提案資料)などの初版をClaudeが作り、対話やコメントで仕上げていくツールです。

搭載モデルのClaude Opus 4.7は、Anthropicが最も高性能なビジョンモデル(画像を読み解くモデル)と呼ぶものです。提供形態はリサーチプレビュー(試験提供)です。対象はPro・Max・Team・Enterpriseの購読者で、段階的に展開されました。

概要

発表時点の基本情報

• 作るもの

  デザイン、プロトタイプ、スライド、ワンページャー、マーケティング素材。コードで動くプロトタイプも含みます。

• 使える人

  Pro、Max、Team、Enterpriseの購読者。無料プランは対象に入っていません。

• 費用の扱い

  プランに含まれ、購読の使用量上限から消費します。上限を超えて続けるには追加使用量(extra usage)を有効にします。

自分の組織で使えるのか — プランと管理者の設定

最初に分かれ道になるのは、契約しているプランです。

くらべる

発表時点のプラン別の初期状態

すぐ試せる側

Pro・Max・Team

発表時点では、プランに含まれる形ですぐ試せました。始める入口はclaude.com/product/designです。

管理者の操作が先

Enterprise

初期状態では無効です。管理者がOrganization settingsで有効にするまで、メンバーは使えません。

現行の製品ページのFAQは、Claude Designを有料プラン全般に含まれるとし、管理者がOrganization settingsでオンにする必要があると書いています。管理者が使える範囲を単一の承認済みデザインシステムに固定する設定もあります。

Enterpriseで使えないと報告が上がったときは、障害より先に管理者の設定を疑う順番になります。有効化のあとにデザインの公開や削除を権限ごとに絞る方法は、カスタムロールで管理者権限を制御する手順で扱っています。

発表された流れ — 頼んで、直して、出す

Anthropicが示した使い方は、次の流れです。

手順

Claude Designの作業の流れ

1. 1

   素材を渡す

   テキストのプロンプトから始められます。画像や文書(DOCX・PPTX・XLSX)のアップロード、コードベースの指定、Webサイトから要素を取り込むWeb capture(Webキャプチャ)ツールも使えます。

2. 2

   初版を作らせる

   頼んだ内容からClaudeが最初の版を作ります。TechCrunchの例は「落ち着いた雰囲気のモバイル瞑想アプリを試作して。穏やかな書体、自然を思わせる控えめな色、すっきりしたレイアウトで」という依頼でした。

3. 3

   直す

   会話、要素へのインラインコメント、テキストの直接編集、Claudeが作る調整スライダーで仕上げます。スライダーでは余白・色・レイアウトをその場で動かせます。変更を全体に反映するよう頼むこともできます。

4. 4

   共有・書き出し・引き渡し

   組織内共有、Canva・PDF・PPTX・HTMLへの書き出し、Claude Codeへの引き渡しに進みます。

初期設定の段階でClaudeがコードベースとデザインファイルを読み、チームのデザインシステム(色・書体・部品)を組み立てる点が、汎用の画像生成と違う部分です。以後のプロジェクトは、その色と書体と部品を自動で使います。システムは後から直せて、複数持てます。設定の具体的な手順は自社のデザインシステムを設定する手順にあります。

何を作る人に効くのか

発表文が置いている前提は、デザイナーでさえ探索の幅を絞っているという現状です。プロトタイプを十数案作る時間はまず取れないので、案を3つほどに削ります。Claude Designはその枠を広げる道具として位置づけられ、デザイナー以外にとっては、アイデアを見える形にして共有する手段になります。

発表文はチームの使い方を6つ挙げています。職種ごとに並べ替えると、効き先の違いが見えます。

デザイナー向けの説明には、静的なモックアップを対話型プロトタイプに変え、コードレビューやPRを挟まずに意見を集めてユーザーテストまで進められる、という一文があります。実装担当を待たずに検証へ進める点が、この項目の売りです。

6つ目の「frontier design(最前線のデザイン)」は、音声、動画、シェーダー、3D、組み込みAIを使ったコード駆動のプロトタイプです。デザインツールの置き換えというより、画面を実際に動かして見せる用途に寄せた項目です。

導入事例として挙がった2社の数字は具体的です。Brilliantは、他のツールで20回以上のプロンプトを要した複雑なページが、Claude Designでは2回で済んだと述べています。Datadogは、ブリーフ・モックアップ・レビューを往復して1週間かかっていた作業が、1回の会話で終わるようになったとしています。Brilliantはさらに、引き渡しにデザインの意図まで含められるので、プロトタイプから本番への移行が滑らかになったと述べています。どちらも利用企業の自己申告で、再現条件までは示されていません。

コードでUIを作る組織は最初の設定が出来を左右する

初期設定でコードベースとデザインファイルを読ませると、以後の成果物が自社の部品で組まれます。ゼロからの汎用デザインにならない分、最初の設定が仕上がりの質に直結します。

共有と書き出し — 組織の外へ出す道は限られる

共有の範囲は、組織の中に閉じた3段階です。

• 自分だけが見られる非公開
• リンクを知っている組織内の誰でも閲覧できる
• 編集権限を渡し、同僚とClaudeがグループ会話で一緒に直せる

組織の外へ出す道は、書き出しの形式で決まります。PDF・PPTX・スタンドアロンのHTMLは手元に落とすファイルで、Canvaへの書き出しはCanva上で完全に編集・共同作業できる形で渡ります。社内URLは組織内に限られます。

ファイルの扱いが気になる組織は、アップロードした資産の保持期間をデータ保持とセキュリティの解説で先に確かめておく順番が合っています。

Canvaとの関係は「競合」か「前段」か

ビジュアル生成の領域には、Canvaなどがすでにあります。TechCrunchは、Canvaが自社のAI機能を拡充したばかりという文脈で競合の可能性を話題にしましたが、Anthropicは「置き換えではなく補完を意図している」と答えています。デザインツールを起点にしない人が、アイデアから見える形へ素早く進むための製品だという位置づけです。

この説明は、書き出し先にCanvaが明記されていることと整合します。発表文のCanva側のコメントも、Claude Designで作った案がCanvaで編集・共同作業できるデザインになる点を挙げています。ゼロから作る場がClaude Design、仕上げて公開する場がCanvaという分業が、Anthropicの想定する使い方です。

Cowork・Claude Codeとの位置関係

Claude Designの前後に出た製品を、報道が挙げた順に並べます。

あゆみ

Claude Designが出るまで

1. 2026年1月Claude Coworkを公開

   複雑な作業を任せるエージェント型のアシスタントとして出ました。数週間後に、部門ごとの業務を自動化するプラグインが加わっています。

2. 2026年4月の発表と同じ週Opus 4.7とMac版Claude Codeの刷新

   9to5Macによると、同じ週にAnthropicはMac版Claude Codeを作り替え、デザイン能力が高いとされるOpus 4.7を出しています。

3. 2026年4月17日Claude Designを発表

   Opus 4.7を載せたAnthropic Labsの新製品です。

隣り合う製品の詳細は、それぞれ別の記事にあります。Opus 4.7のeffort設定はxhigh effortの解説、CoworkはCowork完全ガイド、Claude Codeは基礎ガイドです。

Designが他の2つと違うのは、成果物が人に見せる絵や資料で終わる点です。そのうえでClaude Codeへ引き渡す口を持つので、「見た目を決める工程」と「実装する工程」が1つのClaudeの中でつながります。発表文は、準備ができた設計をClaudeが引き渡し用のバンドルにまとめ、1回の指示でClaude Codeに渡せると書いています。

発表後に判明した提供形態

連携先は発表後に広がった

発表時の「今後数週間で連携を作りやすくする」という予告は、製品ページの記載で具体化しています。ここに載っているのは、各社が自社の連携の目的として述べた内容です。

製品ページには、Claude Code側からデザインシステムを取り込む /design-sync と、Claude Code内で作る /design も紹介されています。取り込みの往復の詳細はClaude Code連携の /design-sync 解説にあります。

製品ページは、会話の途中からClaude Designを使えることも案内しています。専用画面を開いて始めるだけでなく、普段のClaudeとのやり取りの延長で呼び出す形です。共有リンクは、公開の準備ができるまで非公開のままです。

見極めがまだ要る点

発表の時点で、次の点はまだ固まっていません。使い込んで判断する余地が残る項目です。

• リサーチプレビューの間は、機能と提供条件が変わる可能性があります。業務の必須工程に組み込むより、並行して試す位置が合っています
• 画像や対話型プロトタイプの1回あたりの消費量は、発表文に数字がありません。製品ページのFAQは、デッキ全体のような大きな依頼は通常のメッセージより多く上限を使うと説明しています
• 導入事例の数字は利用企業の申告で、条件の違うチームに当てはまるとは限りません
• TechCrunchは「実験的な製品」と書いています。出力の品質や保持の扱いは、組織の外へ出す用途に使う前に自分のケースで試す余地があります

まとめ

Claude Designは、デザインツールを持たない人が「アイデアを見せられる形」まで最短で行くための製品です。最初の判断は機能の多さより、自分の組織のプランで使える状態にあるかで、現行の案内では有料プラン全般で管理者の有効化が先になります。