• 2026/06/19 掲載

Anthropicが「Claude Design」を機能強化、Claude Codeとの連携を開始

デザインからコーディングまでを統合したワークフロー

1
会員(無料)になると、いいね!でマイページに保存できます。
米Anthropicは2026年6月17日、ビジュアルデザイン支援ツール「Claude Design」の機能アップデートと、自律型開発エージェント「Claude Code」との双方向連携機能を発表した。ウェブ版とデスクトップ版の両方でベータ提供を開始し、企業独自のデザインシステムへの自動準拠と、デザインからコーディングまでを統合したワークフローを実現した。
photo
(画像:Anthropic)
 Anthropicが公開した「Claude Design」のアップデートは、AIによるUIデザイン生成から実際のコード実装までの工程を統合するプラットフォームの構築を目的としている。今回の刷新における中核は、自律型開発エージェント「Claude Code」との双方向のデータ連携だ。ユーザーはClaude Designの画面上で対話を通じて作成したUIデザインやプロトタイプを、そのままClaude Codeに引き渡してコード化できる。同時に、Claude Code側からコマンドを入力してデザインの同期や修正作業を開始することも可能になり、デザインと開発のどちらを起点にしても一貫した作業プロセスを構築できる。

 このシステム改修は、エンタープライズ企業が実業務で直面していた課題の解消を狙ったものである。2026年4月にプレビュー公開されたClaude Designの初期バージョンは、提供開始から1週間で100万人を超えるユーザーを獲得した。しかし、出力されるデザインのテイストがAIモデルの判断に大きく依存するため、各企業が定めている独自のブランドガイドラインや厳格なデザインシステムを全画面にわたって適用し続けることが困難だった。

画像
【図版付き記事はこちら】Anthropicが「Claude Design」と「Claude Code」連携強化(図版:ビジネス+IT)

 新バージョンでは、AIがユーザーの既存のコードベースやスライド資料などのファイル群を読み込み、組織専用のデザインシステムを抽出して構築する。構築されたシステムは以後のすべての生成プロジェクトに適用され、ブランドの基準から逸脱したデザインが出力されるのを防ぐ。これにより、厳格なブランド基準書を持つ企業でも、自社のコンプライアンスを満たしたデザインを安定して生成できるようになった。

 機能面では、トークン処理の効率化によるパフォーマンスの向上や、生成されたデザインに対する細かな手動編集コントロール機能も追加された。これらの機能は現在、Pro、Max、Team、Enterpriseの各有料プラン向けにベータ版として提供されている。利用環境はウェブブラウザ版に加え、Claude Desktopアプリのサイドバーにも拡張された。開発ツールを単なるプロンプトベースの画像生成ツールとしてではなく、企業の既存の開発パイプラインに直接組み込むプラットフォームへと移行させている。

Googleで見つけやすく

評価する

いいね!でぜひ著者を応援してください

  • 1

会員(無料)になると、いいね!でマイページに保存できます。

共有する

  • 0

  • 0

  • 0

  • 0

  • 0

関連タグ タグをフォローすると最新情報が表示されます

AI・生成AIの関連コンテンツ

あなたの投稿

    PR

    PR

    PR

処理に失敗しました

投稿したコメントを
削除しますか?

あなたの投稿コメント編集

通報

このコメントについて、
問題の詳細をお知らせください。

ビジネス+ITルール違反についてはこちらをご覧ください。

通報

報告が完了しました

コメントを投稿することにより自身の基本情報
本メディアサイトに公開されます

基本情報公開時のサンプル画像
報告が完了しました

」さんのブロックを解除しますか?

ブロックを解除するとお互いにフォローすることができるようになります。

ブロック

さんはあなたをフォローしたりあなたのコメントにいいねできなくなります。また、さんからの通知は表示されなくなります。

さんをブロックしますか?

ブロック

ブロックが完了しました

ブロック解除

ブロック解除が完了しました

機能制限のお知らせ

現在、コメントの違反報告があったため一部機能が利用できなくなっています。

そのため、この機能はご利用いただけません。
詳しくはこちらにお問い合わせください。

ユーザーをフォローすることにより自身の基本情報
お相手に公開されます

基本情報公開時のサンプル画像