2026-04-17
Anthropic、Claude Design を発表 — コードベースを読める視覚プロトタイピングツール
Claude Design(リサーチプレビュー)は自然言語からプロトタイプ、スライド、ワンページャーを生成。社内コードベースやデザインファイルを読み取り、デザインシステムを抽出して一貫適用。
Anthropic は Claude Design をリサーチプレビューとして公開し、Pro / Max / Team / Enterprise ユーザーが利用可能になりました。Opus 4.7 を駆動エンジンに、自然言語プロンプトから視覚プロトタイプ、スライド、ワンページャーを生成します。注目点は、社内のコードベースやデザインファイルを読み取ってデザインシステムを抽出し、すべての成果物に一貫して適用できる機能です。エクスポート形式は PDF、ホスト URL、PPTX、Canva に対応しています。
実装ノート
「コードベースを読み取ってデザインシステムを抽出する」という点こそ注目すべき部分です。多くの「AI デザインツール」は今のところ白紙のキャンバスから始まりますが、これは既存のコンテキストを取り込みます。エージェント開発者にとって学べるパターンであり、「過去の成果物をモデルに与えてシステムスタイルに沿わせる」というアプローチは、ドキュメント、エラーメッセージ、コードスタイルでも同じ発想で応用できます。
自分のワークフローでは、まず repo の README からワンページャーを生成するツールとして試して、それから正式なデザインツールとして扱うかを判断するつもりです。