プロトタイプを作る

プロトタイプを作る

Claude Designは静的なデザインだけでなく、クリック可能なインタラクティブプロトタイプも生成できます。

※Claude Design: Anthropic Labsが開発したAIビジュアルデザインツール。テキストプロンプトからUI・スライド・マーケ資料などを生成する。※プロトタイプ: 実際の開発前に作る試作品。Claude Designでは操作可能なUIプロトタイプを生成できる。

プロトタイプとデザインの違い

	デザイン	プロトタイプ
見た目	○	○
クリック操作	✗	○
画面遷移	✗	○
ユーザーテスト	難しい	可能

プロトタイプを依頼する

ログイン→ダッシュボード→プロフィール編集の画面遷移を含む
インタラクティブなプロトタイプを作ってください。

画面遷移を指定する

以下の画面遷移を持つプロトタイプを作ってください：
- トップ: 「はじめる」ボタン → オンボーディング1
- オンボーディング1: 「次へ」→ オンボーディング2
- オンボーディング2: 「完了」→ ダッシュボード

Claude Codeへの橋渡し

プロトタイプが完成したら、Claude Codeに渡して実装できます。

「Claude Codeで実装する」を選ぶと、デザインデータと指示がClaude Codeに渡され、実際のコードに変換されます。

これがClaude Designの最大の差別化ポイントです。Figmaと違い、コードへの変換が同一エコシステム内でシームレスに行えます。

※Claude Code: AnthropicのAIコーディングツール。Claude DesignのデザインをそのままコードにするCLIツール。※Figma: デザイナーが多く使うUIデザインツール。Claude Designの主要な比較対象。