Claude Design 大型アップデート — Claude Codeと双方向ハンドオフ、デザインシステム取り込み対応

Claude Designは2ヶ月前のローンチ直後に初週で100万ユーザーを突破した一方、『15分で使用上限を使い切る』という致命的な問題を抱えていた。今回のアップデートはこの体感問題に正面から向き合った内容となっている。

大きな改善点は3つ。まず効率改善で使用上限まで持つ時間を延長。次に既存のデザインシステムをリポジトリ・デザインファイル・コードベースから取り込めるようにし、毎回ゼロから組ませる無駄を排除。さらにClaude Codeとの双方向ハンドオフを実装し、デザイン⇔実装の往復で発生していたトークン浪費を構造的に減らした。

ダッシュボードはミニマルなまま刷新され、生成可能なデザインタイプが上部に並ぶ。新たにモーショングラフィックスやループといったアニメーション領域が前面に出されたのが特徴で、Claude Designの守備範囲が静的UIを超えつつあることを示す。

ファイル起点のスタートも強化された。Figmaファイル、JPEG、PNG、HTMLに加え、GitHubリポジトリやローカルコードを直接インポートできるようになった。エディタ自体も再構築され、ドラッグ・リサイズ・整列が実コントロールで動くため、わずかな位置調整のたびにLLMを叩いてトークンを消費する従来の挙動を回避できる。

実演ではユーザーリサーチプラットフォーム向けSaaSダッシュボードのプロンプトで検証。『デザインシステムに厳密に従って逸脱しないこと』と明示すれば、取り込み済みシステムを守った3レイアウトのバリエーションが生成された。

本命機能はClaude Code側からClaude Designプロジェクトを丸ごとインポートし、逆方向にも継続編集できる点だ。コード派の開発者はClaude Codeで続け、デザイナー視点のキャンバスが必要になったらClaude Designに戻る、という双方向ワークフローが現実的になった。動画作者は『4月から待っていた2大機能はデザインシステム取り込みとClaude Codeハンドオフ』と評価する。使用上限は共有プール化・効率改善・手動編集機能で改善したが、Claude Proプランでは依然として早期に枯渇しがちで、完全解消ではない点も率直に指摘している。