米Anthropicは6月17日（現地時間）、AIデザインツール「Claude Design」の大規模なアップデートを発表しました。今回のアップデートでは、デザインシステムへの準拠、Claude Codeとの連携強化、キャンバス上での直接編集、外部ツールへの書き出し機能などが強化され、ブランドガイドラインに沿ったプロトタイプ作成から実装・公開までを一貫して支援するツールへと発展しました。
Claude Designの利用プランと提供状況
Claude Designは、Claude Pro、Max、Team、Enterpriseの各プランに含まれています。Enterpriseプランでは初期状態で無効化されており、管理者が組織設定から有効化する必要があります。Claude Designは4月にリサーチプレビューとして公開され、今回のアップデート後は「ベータ版」として提供されます。
機能概要とこれまでの反響
Claude Designは、テキストプロンプトからWebページ、プレゼンテーション、UIプロトタイプなどを生成できる機能です。Anthropicによれば、4月の公開から1週間で100万人以上が利用したとのこと。今回のアップデートでは、ユーザーからのフィードバックを踏まえ、企業やチームが既存のブランドガイドラインに沿った成果物を作りやすくすることに重点が置かれました。
デザインシステム取り込み機能の刷新
更新の中心となるのが、デザインシステム取り込み機能の刷新です。ユーザーはGitHubリポジトリ、デザインファイル、直接アップロードしたファイルから、1つまたは複数のデザインシステムをClaude Designに取り込めます。Claudeは取り込んだコンポーネントを用いて構築を行い、出力内容をデザインシステムと照合し、ユーザーに表示する前に修正します。大規模組織向けには、管理者が標準のデザインシステムを承認し、編集をロックできる新しい管理者ロールも用意されました。
Claude Codeとの連携強化
Claude Codeとの連携も強化されました。Claude Codeで「/design-sync」を実行すると、既存のコンポーネントを基にしたデザインシステムをClaude Designへ取り込めます。生成したデザインをソフトウェアとして実装する段階では、Claude Codeへ引き渡し、スクリーンショットを基に作り直すのではなく、既存の作業を引き継ぐ形で開発を続けられます。逆に、Claude Codeのターミナルから「/design」を使い、デザインプロジェクトの作成、編集、同期を行うことも可能になりました。
直接編集機能の向上
編集機能では、新しいエディタにより、キャンバス上の要素を直接操作できるようになりました。要素のドラッグ、サイズ変更、整列などのレイアウト調整に対応し、生成AIに再指示を出さなくても細かな修正を加えられます。Anthropicは、安定性に関する多数の修正も行ったとしています。
利用制限とパフォーマンスの改善
利用制限の扱いも見直され、チャット、Claude Cowork、Claude Codeと利用上限を共有するようになりました。また、平均的な1ターンあたりのトークン消費量を減らし、同等の結果を得るために必要なトークンを削減したほか、エラーも大幅に減少したとしています。
外部ツール連携の拡張
外部ツール連携も拡張されました。PDFとPowerPointへの書き出しに加え、Adobe、Base44、Canva、Gamma、Lovable、Miro、Replit、Vercel、Wixへの送信に対応します。これにより、Claude Designで作成した初期案を、プレゼンテーション、共同編集、アプリ開発、Web公開などの既存ワークフローへつなげやすくなります。
