v0 by Vercel 完全ガイド 初級

プロンプトで UI を繰り返し改善・精緻化する

最終更新: 2026年06月21日
ログインして進捗を記録

概要

v0 の真価は初回生成後の対話による改善にあります。「もっとシンプルに」「ボタンを右に寄せて」など自然言語で指示するだけでUIが更新され、デザインの理想形に近づけていけます。

反復改善の基本フロー

  1. 初回プロンプトで大まかなレイアウト・目的を伝えてUIを生成する
  2. プレビューを確認して改善したい点をリストアップする
  3. チャット欄に「ヘッダーをネイビー色にして」「フォントサイズを大きくして」と具体的に指示する
  4. 複数の変更を1回のメッセージにまとめて送ると効率よく修正できる
  5. 気に入らない場合は「元のデザインに戻して」または「別のバリエーションを試して」と指示する

精緻化プロンプトの書き方

  • 色は「コーラルピンク (#FF6B6B)」のように具体的なカラーコードで指定する
  • 「Airbnb のカードデザインのような」と参照先を示すと雰囲気が伝わりやすい
  • 良い部分は「この部分は残して〇〇だけ変えて」と明示的に守る箇所を伝える

ご利用上の注意(免責事項)

本サイトが提供する情報・ツール出力・データは参考情報です。法律・金融・補助金申請・医療など重要な意思決定の根拠としてご利用の際は、必ず別途専門家または公式機関へご確認ください。掲載情報に誤りが含まれる場合があり、当サイトはその内容に起因するいかなる損害についても責任を負いません。詳細は利用規約(免責事項)をご確認ください。