Claude Design大規模アップデート — デザインシステムインポート・Claude Code双方向連携・WYSIWYG編集でデザインから実装のワークフローが統合

Summary

6月17日にAnthropicがClaude Designの大規模アップデートをベータ公開。主要な新機能: (1)デザインシステムインポート — GitHubリポジトリ・デザインファイル・アップロードから組織のデザインシステムを取り込み、Claude Designがコンポーネント・スペーシング・タイポグラフィを準拠して自動構築。管理者ロールでデザインシステムのロック・組織標準化が可能。(2)Claude Code双方向連携 — `/design-sync`コマンドでデザインシステムをリポジトリにプル、または構築済みコードをClaude Designにプッシュ。ローカルコードベースからの読み込みで既存アセットとの一貫性を確保。(3)WYSIWYG直接キャンバス編集で微調整が容易に。(4)PDF・PPTXエクスポートとAdobe・Canva・Vercel等9+プラットフォーム連携。(5)トークン効率改善 — 使用量がchat・Cowork・Claude Codeと共有プールに統合され過剰消費問題が解消。Pro・Max・Team・Enterprise全有料プラン対象。