Anthropicは「Claude Design」をリサーチプレビューとして公開した。最新モデルOPUS 4.7を搭載し、テキストや画像、コードからUIデザインを自動生成できる。同社のコーディングツール「Claude Code」とのシームレスな連携で、デザインから実装までの一連のワークフローを効率化する。
Anthropicが4月17日、AIデザインツール「Claude Design」を発表した。Anthropic Labsからリサーチプレビューとして提供開始され、同日一般提供が始まった「Claude Opus 4.7」をベースにしている。Opus 4.7は最大2576ピクセルの高解像度画像を処理できる強力な視覚能力を備えている。
Claude Designは、デザイン専門知識のないプロダクトマネージャーやマーケターから、プロのデザイナーまで幅広い層を対象としている。テキストでの指示や画像、文書ファイル（DOCX、PPTXなど）、既存のコードベースを読み込ませることで、Claudeが初期デザインを生成する。Webキャプチャ機能を使えば、自社のWebサイトから直接要素を取り込み、実際の製品に近いプロトタイプを生成することも可能だ。
導入時にチーム固有のコードベースやデザインファイルを読み込ませることで、Claudeが自動的に学習してデザインシステムを構築する。これにより、社内の既存デザインとの一貫性を保つことができる。
シェーダーや3D、音声などを組み込んだコードベースの高度なプロトタイプ構築にも対応する。生成後は、インラインコメントでの指示や、パネル上のスライダーを用いた直感的な微調整が可能で、レイアウトや余白などのライブ変更ができる。また、組織内での複数メンバーによる共同編集もサポートしている。完成したデザインは、Canva形式、PDF、PPTX、単一のHTMLファイルとしてエクスポート可能だ。
Claude Designは同社のAIエージェント型コーディングツール「Claude Code」とシームレスに連携する。UIの設計やプロトタイピングが完了すると、Claude Designが実装に必要な全要素をパッケージ化し、単一の指示でClaude Codeへと引き渡し、本番コードへの実装へ移行させることができる。
Claude Designは現在、「Claude Pro」「Max」「Team」「Enterprise」プラン向けに提供されており、各プランの利用制限枠内で利用可能だ。企業向けではデフォルトで無効化されており、管理者が設定で有効にする必要がある。
