ITmedia AI＋
生成AI
Anthropic、AIデザインツール「Claude Design」プレビュー公開──「Opus 4.7」搭載でコーディングツールとの連携も

Anthropic、AIデザインツール「Claude Design」プレビュー公開──「Opus 4.7」搭載でコーディングツールとの連携も

公開 2026年04月18日 07時18分

[ITmedia]

印刷する Googleで優先するソースとして追加

　米Anthropicは4月17日（現地時間）、AIデザインツール「Claude Design」を発表した。Anthropic Labsから、リサーチプレビューとして提供する。同日一般提供が開始された「Claude Opus 4.7」をベースにしている（Opus 4.7は最大2576ピクセルの高解像度画像を処理できる強力な視覚能力を備える）。

　対象ユーザーとしては、デザインの専門知識のないプロダクトマネージャーやマーケターからプロのデザイナーまで、幅広い層を想定している。テキストでの指示や画像、文書ファイル（DOCX、PPTXなど）、既存のコードベースを読み込ませることで、Claudeが初期デザインを生成する。また、Webキャプチャ機能を使えば、自社のWebサイトから直接要素を取り込み、実際の製品に近いプロトタイプを生成することも可能という。

Claude Designでのプレゼン資料生成（画像：Anthropic）

　導入時にチーム固有のコードベースやデザインファイルを読み込ませることで、Claudeが自動的に学習してデザインシステムを構築する。これにより、社内の既存のデザインと一貫性を保つことができる。

　シェーダーや3D、音声などを組み込んだコードベースの高度なプロトタイプ構築にも対応する。生成後は、インラインコメントでの指示や、パネル上のスライダーを用いた直感的な微調整（レイアウトや余白などのライブ変更）が可能で、組織内での複数のメンバーによる共同編集もサポートする。完成したデザインは、Canva形式、PDF、PPTX、単一のHTMLファイルとしてエクスポートできる。

パネルの各種パラメータでプロトタイプを微調整（画像：Anthropic）

　同社のAIエージェント型コーディングツール「Claude Code」とシームレスに連携する。UIの設計やプロトタイピングが完了すると、Claude Designが実装に必要な全要素をパッケージ化し、単一の指示を出すだけでClaude Codeへと引き渡し、本番コードへの実装へと移行させることができる。

　Claude Designは現在、「Claude Pro」「Max」「Team」「Enterprise」プラン向けに提供されており、自身のプランの利用制限枠内で利用可能だ。企業向けではデフォルトで無効化されており、管理者が設定で有効にする必要がある。