「Claude Design」が刷新、デザインシステム準拠の制作を支援

Web Designing Web記者が、Webに携わる人向けにニュースをピックアップ。話題の本質を整理し、実務に役立つポイントをコンパクトにまとめました。

「Claude Design」のユーザインターフェイス。文章で指示しながら、Webページやスライド、画面の試作品などを作成できます

米Anthropicは2026年6月17日(米国時間)、AIデザインツール「Claude Design」の大型アップデートを発表しました。これに合わせて、提供形態もResearch Previewからベータ版へ移行しています。

Claude Designは、文章による指示からWebページやスライド、画面の試作品などを生成できるツールです。今回の更新では、自社のデザインシステムを取り込める機能が追加されました。GitHubのリポジトリやアップロードしたファイルからデザインシステムを読み込むと、そのルールに沿ってデザインを生成・調整します。
開発支援ツール「Claude Code」との連携も強化されました。作成したデザインをそのまま開発へ引き継げるほか、コード側で加えた変更をClaude Designへ反映する双方向連携にも対応しています。

さらに、外部ツールとの連携も拡充されました。PDFやPowerPointに加え、Adobe ExpressやCanva、Miroなどのツールへ書き出せます。

Editor’s Eye

ブランドやデザインシステムに準拠した制作ができるかどうかは、制作フローへ組み込めるかを左右する重要なポイントです。各社の競争は生成機能そのものだけでなく、制作から実装までを支えるワークフロー全体へと広がっています。

文:小平淳一

  • URLをコピーしました!
目次