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

ITmedia AI+ / 4/18/2026

📰 NewsTools & Practical UsageIndustry & Market Moves

Key Points

  • AnthropicがAIデザインツール「Claude Design」のリサーチプレビューを発表し、同日一般提供開始の「Claude Opus 4.7」をベースに高解像度画像の視覚能力を活用する。
  • テキスト指示に加え画像・DOCX/PPTX等の文書・既存コードベースを読み込ませて初期デザインを生成し、Webキャプチャから自社サイトに近いプロトタイプ作成も可能。
  • チームのコードベースやデザインファイルを取り込み、自動でデザインシステムを構築して一貫性を保ちつつ、インラインコメントやスライダーによるライブ微調整、共同編集に対応する。
  • シェーダー/3D/音声など高度な要素を含むコードベースのプロトタイプにも対応し、エクスポートはCanva形式/PDF/PPTX/単一HTMLファイルなど。
  • AIエージェント型コーディングツール「Claude Code」とシームレス連携し、デザイン完了後に単一指示で実装要素を引き渡して本番コードへ移行できる。

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

 design 1

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

 design 2 Claude Designでのプレゼン資料生成(画像:Anthropic)

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

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

 design 3 パネルの各種パラメータでプロトタイプを微調整(画像:Anthropic)

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

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


関連記事

関連リンク

Copyright © ITmedia, Inc. All Rights Reserved.

続きを読むには、コメントの利用規約に同意し「アイティメディアID」および「ITmedia AI+メールマガジン」の登録が必要です