Webデザイン・UIの頼み方
余白
Whitespace（Spacing / Padding）
要素のあいだや内側にとる、何もない空間。
使いどころ ぎゅうぎゅうに見える画面を、読みやすくしたいとき。
コピペ用プロンプト
[ ] のところを書きかえて使ってください。英語のほうが伝わりやすいツールもあります。
日本語
全体の余白を広めにしてください。セクションのあいだはたっぷり、カードの内側にもゆとりを。とくに[詰まって見えるところ]。
English
Use generous whitespace. Add more space between sections and more padding inside cards, especially [the crowded area].
ひとりAIラボ作成のテンプレートです（各社の公式ガイドの文ではありません）。
公式ガイドに載っているか
出典
- 1.v0 Docs「Design Mode」（外部サイト、新しいタブで開く）https://v0.app/docs/design-mode
- 2.Lovable Docs「Prompting best practices」（外部サイト、新しいタブで開く）https://docs.lovable.dev/prompting/prompting-one
今週の一歩
上のコピペ用プロンプトの日本語版を写して、[ ] を自分の内容に書きかえ、v0 の無料版（1日7メッセージ）で作りかけの画面に1回だけ足して、前と見くらべてください。
どのAIに頼むか（v0・Bolt などの無料版）は開発する人のAIの使い分け（UI試作）にまとめています。