Relume 使用介绍：功能、价格与上手指南
Relume 是一款面向 Webflow 的 AI 网站构建器，可通过文本描述快速生成网站结构、线框图与可复用组件库。本文介绍其核心功能、价格方案，并提供从注册到发布上线的完整上手指南，帮助设计师、开发者与创业团队高效搭建专业网站。
在网站设计流程中，从零开始绘制线框图、搭建组件库往往耗时数天。Relume 通过 AI 将这一过程压缩到几分钟，成为 Webflow 生态中备受关注的效率工具。本文将系统介绍 Relume 的核心功能、价格方案，并提供一份可执行的上手指南。
什么是 Relume？
Relume 是一款面向 Webflow 的 AI 网站构建器。你只需输入一段项目描述，它就能自动生成网站地图、线框图与可复用的 Webflow 组件库。其定位不是替代 Webflow，而是作为 Webflow 的前置设计层，帮助你在编码前快速验证结构、统一视觉规范。
Relume 主要面向三类用户：
- 自由设计师：快速产出客户提案与线框图。
- 开发团队：统一组件库，减少重复搭建。
- 创业者与市场人员：在无设计资源时快速搭建着陆页结构。
Relume 核心功能
1. AI 网站地图生成
输入项目描述与目标受众，Relume 会生成包含页面层级、导航结构的网站地图。你可以手动调整页面、重命名或增删节点，所有修改会同步到后续的线框图。
2. AI 线框图生成
基于网站地图，Relume 自动为每个页面生成线框图。线框图涵盖常见区块，如 Hero、功能展示、推荐语、定价表、FAQ、CTA 与页脚。每个区块均可替换为库中的其他样式。
3. 组件库与样式系统
Relume 提供超过 1000 个预置组件，覆盖导航、页眉、页脚、博客、电商等场景。所有组件都遵循统一命名与结构规范，导入 Webflow 后可快速套用全局样式。
4. Webflow 导入
通过 Relume Chrome 扩展或复制粘贴，可将线框图与组件库直接导入 Webflow。导入后自动生成类名、符号与集合列表，减少手动搭建工作。
5. 团队协作与版本管理
支持多人协作编辑同一项目，保留历史版本，方便回滚与对比。
| 功能 | 说明 | 适用场景 |
|---|---|---|
| AI 网站地图 | 自动生成页面层级 | 项目启动阶段 |
| AI 线框图 | 生成页面区块布局 | 设计提案 |
| 组件库 | 1000+ 预置组件 | 快速搭建页面 |
| Webflow 导入 | 一键同步到 Webflow | 开发交接 |
| 协作与版本 | 多人编辑、历史记录 | 团队项目 |
Relume 价格方案
Relume 采用订阅制，提供免费版与付费版。以下为常见方案（价格可能随时间调整，请以官网为准）：
| 方案 | 价格（月付） | 主要权益 |
|---|---|---|
| Free | 免费 | 1 个项目、基础 AI 生成、部分组件 |
| Starter | 约 28 美元/月 | 无限项目、完整组件库、Webflow 导入 |
| Pro | 约 48 美元/月 | 团队协作、版本管理、优先支持 |
| Team | 约 96 美元/月 | 多成员、共享库、集中计费 |
选择建议：
- 个人试用：先用 Free 版验证流程。
- 接单设计师：Starter 版已足够。
- 团队协作：Pro 或 Team 版更合适。
Relume 上手指南
以下步骤假设你已注册 Relume 账号并安装 Chrome 浏览器。
第一步：创建项目
登录 Relume 后点击 New Project，输入项目名称与描述。描述越具体，生成结果越贴近需求。例如：
一个面向 SaaS 产品的营销网站，包含首页、功能页、定价页、博客与联系我们页面。
第二步：生成网站地图
Relume 会根据描述生成网站地图。检查页面层级是否合理，删除不需要的页面，或添加缺失页面。确认后点击 Generate Wireframe。
第三步：编辑线框图
进入线框图编辑器后，你可以：
- 点击任意区块，从右侧面板替换为其他布局。
- 拖动区块调整顺序。
- 删除或新增区块。
- 使用 AI 文案 按钮生成占位文案。
建议先确定首页结构，再批量应用到其他页面。
第四步：导入 Webflow
完成线框图后，点击 Copy to Webflow 或使用 Chrome 扩展。在 Webflow 中新建项目，粘贴内容。Relume 会自动创建：
- 页面与文件夹结构
- 全局类名
- 符号与组件
- 集合列表（如博客）
第五步：套用样式与发布
在 Webflow 中套用品牌色、字体与间距。由于 Relume 类名规范统一，你只需修改全局样式即可批量生效。完成后绑定域名并发布。
使用技巧与注意事项
- 描述要具体：包含行业、目标用户、页面类型，AI 输出更准确。
- 先结构后样式：在 Relume 中确定结构，再进 Webflow 调样式，避免返工。
- 善用组件库：不要重复造轮子，优先替换现有组件。
- 检查类名冲突：导入 Webflow 后检查是否有重复类名。
- 免费版限制：Free 版项目数有限，适合试用，不适合长期项目。
常见问题
Relume 能替代 Webflow 吗？ 不能。Relume 负责结构与组件生成，Webflow 负责样式、交互与发布。两者配合使用。
Relume 支持中文吗？ 界面支持多语言，AI 生成内容对中文描述有一定支持，但英文描述效果更稳定。
Relume 生成的代码能导出吗？ Relume 主要面向 Webflow，不直接导出 HTML/CSS。如需代码，可在 Webflow 中导出。
结论
Relume 通过 AI 将网站结构设计与组件搭建自动化，显著缩短 Webflow 项目的前期耗时。对于设计师、开发者与创业团队而言，它是值得纳入工作流的效率工具。建议从免费版开始，熟悉流程后再升级付费方案。掌握本文的上手指南后，你可以在 30 分钟内完成一个多页网站的结构与线框图，并导入 Webflow 继续开发。