デザインからコーディングまでを統合したワークフロー
2
会員（無料）になると、いいね！でマイページに保存できます。
共有する
米Anthropicは2026年6月17日、ビジュアルデザイン支援ツール「Claude Design」の機能アップデートと、自律型開発エージェント「Claude Code」との双方向連携機能を発表した。ウェブ版とデスクトップ版の両方でベータ提供を開始し、企業独自のデザインシステムへの自動準拠と、デザインからコーディングまでを統合したワークフローを実現した。
（画像：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アプリのサイドバーにも拡張された。開発ツールを単なるプロンプトベースの画像生成ツールとしてではなく、企業の既存の開発パイプラインに直接組み込むプラットフォームへと移行させている。
AI・生成AIのおすすめコンテンツ
Googleで見つけやすく
評価する
いいね！でぜひ著者を応援してください
会員（無料）になると、いいね！でマイページに保存できます。
関連タグ
タグをフォローすると最新情報が表示されます