ニュース

Claude Designが大幅アップデート、Claude Codeと連携し作業がより簡単に

 Anthropicは、Claude Designの大幅アップデートを行なった。Claude DesignとClaude Codeで緊密な連携を取ることが可能となり、作業の同期も維持可能となった。

 例えば、Claude Designでデザインを行ない、Claude Codeから「/design-sync コマンド」を使用することで、Claude Designで作成したすべての作業は既存のコンポーネントから開始となる。Claude Codeで最初から作業をし直すことなく、デザインやプロトタイプ、スライドといったビジュアル作品を引き継いで作業を行なうことができる。

 逆に、Claude Codeから作業を開始することも可能で、「/design コマンド」を使用すれば、ターミナルを離れることなくデザインプロジェクトの作成、編集、同期が可能となった。デザインをコードベースにインポートしたり、コードをライブプロトタイプに変換するなど、Claudeにプロジェクト全体を任せることもできる。

 新しいエディタを使うと、デザインのあらゆる要素を直接的に、かつ細部にわたり作成することができる。レイアウトコントロール機能により、入れたい要素をドラッグして配置したり、サイズの変更などが可能。数百ものデバッグやアップデートにより、動作の安定度が向上しているという。

 作成したものは、PDFやPowerPointのほか、Adobe、Base44、Canva、Gamma、Lovable、Miro、Replit、Vercel、Wixなどのアプリにアウトプットして作業を行なうことができる。今後さらに多くの対応先が追加される予定となっている。