最初のデザインを作る

最初のデザインを作る

Claude Designを開いたら、まずシンプルなUIを作ってみましょう。

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

ステップ1: 新規デザインを開始

claude.ai/design にアクセスし、「新しいデザイン」をクリックします。

ステップ2: プロンプトを入力する

テキストボックスに日本語で指示を入力します。最初はシンプルで構いません。

シンプルなTodoアプリのUIを作ってください。
リスト表示とタスク追加ボタンがあるモバイル向けデザインで。

※プロンプト: AIへの指示文。Claude Designでは自然言語でデザインを指示する。

ステップ3: 生成結果を確認する

数秒でデザインが生成されます。気に入らない部分があれば追加で指示できます。

ヘッダーの色を紫に変えて、完了したタスクには取り消し線をつけてください。

ステップ4: 反復する

Claude Designの強みは会話しながら修正できる点です。一度で完成させようとせず、対話しながら詰めていきましょう。

ステップ5: エクスポートまたは共有

デザインが完成したら、右上のエクスポートメニューから PDF、PPTX、Canva などに出力できます。

※Canva: ノンデザイナー向けのグラフィックデザインツール。Claude Designのエクスポート先の一つ。

うまくいくプロンプトのコツ

• 用途を明確に: 「モバイルアプリ」「Webサイト」「スライド」など
• 対象ユーザーを伝える: 「30代ビジネスパーソン向け」など
• 参考イメージを示す: 「Notionのような」「Appleらしいミニマルな」など
• 具体的なコンテンツを入れる: ダミーテキストより実際の文言を入力する方が精度が上がる