プロンプトの書き方

プロンプトの書き方

Claude Designの品質は、プロンプトの書き方で大きく変わります。

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

基本構造

良いプロンプトには4つの要素があります。

1. 何を作るか — UIデザイン、スライド、LP など
2. 誰のためか — ターゲットユーザー
3. どんなトーンか — プロフェッショナル、カジュアル、ミニマル など
4. 具体的な要素 — 必要なコンポーネントや色のヒント

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

良いプロンプトの例

SaaSのダッシュボード画面を作ってください。
対象: 中小企業のマーケター（30〜40代）
トーン: プロフェッショナルかつ使いやすい
必要な要素: KPIカード4枚、折れ線グラフ、最近のアクティビティリスト
カラー: ダークネイビーをベースにアクセントカラーは青緑

反復的な修正の仕方

一度で完璧なデザインを求めず、段階的に修正します。

# 1回目
シンプルなログイン画面を作って

# 2回目
ロゴをヘッダー中央に配置して、フォームをカード内に入れて

# 3回目
パスワードリセットのリンクを追加して、ボタンの色をブランドカラーの #6366F1 にして

参照スタイルの指定

Notion風のミニマルなデザインで
Appleのサイトのようなゆとりのあるレイアウトで
Linear（タスク管理ツール）のようなダークモードUIで

やってはいけないプロンプト

• ❌ 「いい感じのUIを作って」（曖昧すぎる）
• ❌ 「全部一気に作って」（複雑すぎる）
• ❌ 「前回と同じで」（コンテキストが引き継がれない場合がある）