v0 是一款用自然语言生成网页 UI 的工具，适合做「原型→可用界面→可交付代码」的快速闭环。你可以把它理解为：把产品需求、设计意图和组件约束写成提示词，然后持续迭代，直到输出结构清晰、样式可用、交互合理的界面草稿。
工具地址：https://v0.dev/
1）产品经理：把 PRD 里的页面与流程快速变成可讨论的界面稿；2）设计师：用它生成多个方案骨架，集中精力做视觉与体验的关键决策；3）前端：拿到更贴近真实组件结构的代码草稿，减少反复对齐成本。
想让输出更像「可落地的设计」，建议你先想清楚三件事：页面类型（落地页/列表/表单/仪表盘）、设计语言（简洁/科技/品牌色/圆角规范）、组件约束（按钮尺寸、间距、栅格、是否暗色模式）。这些信息越明确，第一次生成就越接近目标。
一个可复用的提示词模板是：①页面目标（给谁看、要完成什么）②信息架构（有哪些区块）③交互规则（校验、状态、空态）④视觉约束（配色、字体、风格）⑤组件约束（按钮、表单、卡片、表格）。
示例：“生成一个 SaaS 仪表盘首页：顶部含搜索与通知；中间 3 张 KPI 卡片（本月营收/新增用户/转化率）；下方左侧是最近订单表格（支持排序与空态），右侧是 7 天趋势折线图；使用浅色简洁风格、主色为蓝色、卡片圆角 12、间距 16；所有按钮 hover/disabled 状态齐全；移动端改为单列布局。”
第一次生成后，不要只说“更好看一点”。更有效的做法是列出改动项：例如“把顶部导航高度改为 64；KPI 卡片标题字号 14、数值 28；表格增加行 hover；空态增加插画占位但不要写截图；主按钮改为实心、次按钮描边；整体更像 B 端后台”。v0 的优势在于能快速响应这种细颗粒度的调整。
检查线 1：信息层级是否清楚（标题/正文/辅助信息的字号与对比）；检查线 2：状态是否完整（加载、空态、错误、禁用）；检查线 3：可用性是否达标（表单可填写、按钮有反馈、移动端不拥挤）。只要这三条过关，稿子就具备“可讨论、可交付”的价值。
建议你在交付时附带一份“页面说明”：核心入口、关键组件、数据字段、交互规则与优先级。对于生成的代码草稿，把它当作结构与样式参考，而不是直接生产代码：前端可以按项目的组件库/路由/状态管理重构，但能明显节省搭骨架与对齐布局的时间。
1）风格不统一：补充“设计系统”约束（圆角、阴影、间距、字体）；2）组件太随意：明确只能使用某类组件（卡片/表格/表单），并要求命名一致；3）移动端崩：要求提供响应式断点规则与单列布局；4）内容太空：提供真实字段与示例数据，让版面更接近实际。
把 v0 用好，关键不在“灵感”，而在“约束”。当你能把页面目标、结构与规则说清楚，它就能在很短时间内产出可用的 UI 草稿，帮助团队更快进入评审与迭代。
