AnthropicがClaude Designを発表：対話でスライドやモックアップを自動生成

アイデアを思いついてから、デザイナーにワイヤーフレームを依頼し、エンジニアがコードに落とし込むまでには、通常何日もかかります。

Anthropicが新たに公開した「Claude Design」は、その工程を一気に短縮しようとしています。

実験的プロダクトを扱う「Anthropic Labs」から登場したこのツールは、最新のフラッグシップ視覚モデル「Claude Opus 4.7」を採用。チャットで指示を出すだけで、実際に操作できるUIプロトタイプやプレゼン資料、ランディングページ、企画書などを自動生成できます。

この動きに対し、市場は敏感に反応しました。報道を受けてFigmaやAdobe、Wix、GoDaddyといったデザインおよびWeb制作関連企業の株価は、一時2%から5%下落しました。

対話とスライダーで微調整、コードへの引き継ぎも一瞬

使い方はチャットそのものです。欲しいアウトプットの特徴を伝えると、Claudeが最初のドラフトを出力します。

修正したい箇所があれば、画面上の要素に直接インラインコメントを残したり、テキストを直接編集したりできます。さらにユニークなのが、Claudeがレイアウトや余白、配色を微調整するためのスライダーを自動で生成してくれる点です。

チームのトーン＆マナーを崩さない工夫も施されています。リポジトリや既存のデザインファイルを読み込ませることで、独自のカラーやフォント、コンポーネントを学習したデザインシステムを自動構築し、以降の全プロジェクトに適用できます。

入力はプロンプトだけでなく、画像、Word（DOCX）、PowerPoint（PPTX）、Excel（XLSX）、さらにはWebサイトから要素を取り込むキャプチャ機能にも対応。3Dグラフィックスやシェーダー、音声などを組み込んだ高度なプロトタイプ制作も可能です。

完成したデータはPPTX、PDF、単一のHTMLファイル、Canvaへの書き出しに対応します。さらに、開発ツール「Claude Code」向けにワンクリックで実装用パッケージを生成できる連携機能も備えています。

なぜ重要か

私たちが注目すべきだと感じるのは、単に綺麗な画像を作るのではなく、「企画からコード実装まで」のパイプラインを完全に一本化した点です。

従来の生成AIで作るデザインは、見た目は良くても結局エンジニアがゼロから組み直す必要がありました。Claude Designは、デザインシステムに沿ったUI作成から微調整、そしてClaude Codeへの引き継ぎまでをシームレスにつなげており、実務で使える形に落とし込んでいます。

デザイナーにとっては無数のバリエーションを数分で試せる実験場になり、非技術職のマーケターやPMにとっては、開発リソースを待たずに動くLPやプレゼン資料を自前で作れる武器になります。

一方で、FigmaやCanva、あるいはVercelのv0のような既存ツールにとっては大きな脅威です。基盤モデルを握る企業がワークフロー領域へ直接侵入してきたことで、特化型ツールの差別化はさらに難しくなるはずです。

現在はPro、Max、Team、Enterpriseの有料プラン向けにリサーチプレビューとして順次展開されており、企業向けプランでは管理者が手動で有効化する必要があります。複雑な現場のルールにどこまで適応できるか、まずは試してみる価値がありそうです。