UIデザインを作る

UIデザインを作る

Claude Designは、WebアプリやモバイルアプリのUIデザインが得意です。

※Claude Design: Anthropic Labsが開発したAIビジュアルデザインツール。テキストプロンプトからUI・スライド・マーケ資料などを生成する。

対応しているUIの種類

• ランディングページ（LP）
• ダッシュボード
• ログイン・サインアップ画面
• プロフィールページ
• 一覧・詳細ページ
• 設定画面
• モバイルアプリのスクリーン

※LP: ランディングページの略。特定のCTAに向けて設計されたWebページ。

モバイルとデスクトップの指定

デバイスを明示することで、適切なレイアウトが生成されます。

iPhoneサイズのモバイルアプリ画面で、ボトムナビゲーション付きで
1440px幅のデスクトップ向けダッシュボードで

コンポーネントを指定する

以下のコンポーネントを含む管理画面を作ってください：
- 左サイドバー（ナビゲーション）
- トップヘッダー（検索・通知・アバター）
- メインコンテンツエリア（データテーブル）
- ページネーション

インタラクティブ要素

ボタンやフォームのホバー状態、アクティブ状態も指定できます。

ボタンのホバー状態と無効状態も見せてください
フォームのバリデーションエラー状態も含めて

実際のコンテンツを入れる

ダミーテキストより実際の文言を入れると、精度が大幅に上がります。

以下のコンテンツで404ページを作ってください：
タイトル「ページが見つかりませんでした」
説明「お探しのページは削除されたか、URLが変更されました」
ボタン「トップページに戻る」