SaaS 官网原型模板
SaaS 官网一般需要 4 个核心页面：首页、功能介绍、价格、注册页。主流程是「首页了解产品 → 功能页看细节 → 价格页选套餐 → 注册」。下面列出每页的模块和交互、评审时常被问到的异常状态和 PRD 要点；点按钮可以直接在啪啪画里生成这套原型，每个元素都能手动修改。
做一个 SaaS 产品官网，包括首页、功能介绍、价格和注册页用这个模板生成原型打开即用 · 注册送 125 万 tokens
适合谁
做 SaaS、工具类产品官网或落地页的产品经理和创业者。
页面清单
| 页面 | 主要模块 | 关键交互 |
|---|---|---|
| 首页 | 首屏标题和主按钮、产品截图、客户 logo、核心卖点、用户评价、底部 CTA | 点主按钮去注册 |
| 功能介绍 | 按场景分组的功能模块、图文说明、对比表 | 锚点导航 |
| 价格 | 套餐卡片（免费 / 专业 / 企业）、月付年付切换、功能对比表、常见问题 | 切换计费周期；选套餐去注册 |
| 注册页 | 邮箱 / 手机注册、第三方登录、服务协议勾选 | 提交注册 |
生成效果
下面是啪啪画根据上面这句需求一次生成的线框原型，没有手动修改；每个元素都可以点选修改，也可以一键润色成高保真。
主流程
- 首页了解产品
- 功能页看细节
- 价格页选套餐
- 注册
容易漏掉的状态
评审会上最常被问到的就是这些。啪啪画的「原型体检」会自动检查空状态、异常和溢出，帮你补齐。
- 移动端导航折叠
- 注册表单校验错误
- 邮箱已注册
- 套餐对比中的「不支持」标记
PRD 里要写清楚的规则
- 每个 CTA 的去向和埋点
- 价格和套餐功能的定义
- 注册后进入的第一个页面
- SEO 标题和描述
用啪啪画生成这套原型
- 点下面的按钮，需求「做一个 SaaS 产品官网，包括首页、功能介绍、价格和注册页」会自动填好并开始生成。
- 十几秒后得到多页原型，页面跳转和演示效果已经连好。
- 点选任意按钮、文字、颜色直接修改，或者在指令条里说想怎么改。
- 用「原型体检」和「角色走查」查漏，导出 HTML、图片或 PRD。
常见问题
能生成英文官网吗？
能，用英文写需求，或在设置里把语言切到 English。
生成要花钱吗？
内测期间免费，注册送 125 万 tokens。具体用量取决于页面数量和复杂度，手动修改不消耗额度。