Relume 是什么?
Relume 是面向营销网站的 AI 规划与设计系统。Brief 先变成建议 Sitemap,每页再拆成有名称的区块;区块提示生成响应式线框图和初稿文案;Style Guide 把颜色、字体、间距和界面模式应用到整个项目。之后可进入 Figma、Webflow、React、HTML、Claude Design 或 AI 编程编辑器。
更准确地说,Relume 是设计加速器,不是已完成的网站生成器。官方文档明确 Design View 用于快速接近视觉方向,精确间距、自定义动画和像素级调整要在 Figma 或 Webflow 完成。它也不替代需求发现、内容策略、CMS、发布托管、无障碍、集成、性能优化与生产 QA。
Sitemap、Wireframe 与 Style Guide
Relume 的优势是信息架构与页面结构连续:修改 Sitemap 区块会联动线框图,区块名称和描述就是 AI 提示。团队可重新生成文案、替换组件、增加页面、把导航或页脚设为 Global Section、查看多设备,并用链接收集客户评论。受支持的 Figma 或 Webflow 导入会把 Global Section 转为组件。
AI Sitemap 仍只是待验证假设。要核验用户路径、关键词意图、转化步骤、法律页面、账户状态、本地化、内容归属、CMS Collection、空状态和错误状态。结构看起来完整,并不代表包含买家真正需要的页面。
Design View 会把 Style Guide 快速套到多页,但生成颜色可能不满足对比度,标题未必符合语义,移动端顺序也可能需要改,过度依赖组件库还会让不同品牌趋同。最终系统仍应由设计负责人确认并记录对 Tokens 的调整。
Figma、Webflow、React、Claude 与 MCP 交付
Figma 插件可导入项目、单页或区块,并与最新版 Relume Figma Kit 的 Variables 配合。Webflow App 会建立页面和区块、把 Global Section 映射成组件,并搭配 Client-First Style Guide 与 Chrome Extension。Class Sync 会尝试复用同名样式,但 Style Guide 版本或间距策略不匹配时仍会产生重复 Class 和 Variable;替换现有页面前应在临时项目测试。
React/HTML 导出让工作流不局限于 Webflow。付费方案的 Relume Library MCP 能让兼容的 AI 编辑器按 Slug 获取真实可编辑 React 组件,并把文件、Primitives、Tailwind Preset 与 Tokens 放进项目,而不是生成近似代码。确定性更高,但代码并不会自动满足无障碍、安全、性能或既有架构,需要检查依赖、语义、Hydration、图片、断点、Bundle、测试和许可。
Claude Design 一键导出可把设计系统交给另一平台,减少视觉漂移,但也增加数据交接点。应确认发送了哪些 Logo、品牌素材、Tokens 和客户内容,以及目标服务如何处理。
当前价格与真实总成本
2026 年 8 月 9 日实时渲染页显示 Free 为 $0,含 1 个项目、1 页、只读分享、仅 Figma 的 Site Builder 导出、30 个 Webflow/React 组件和更大的 Figma Kit。Starter 为月付 $26 或年付折合 $18/月,含 1 个项目、5 页、评论、付费导出、组件库、MCP 与 Claude Design 导出。
Pro 月付 $58 或年付 $40/月,取消项目和页面上限;Team 月付 $52/人或年付 $36/人/月,至少 3 人,增加共享 Workspace 与品牌化分享。税费另计且自动续费,条款写有 10 天退款申请渠道,Stripe 手续费可能影响实际退款额。
同页存在文档冲突:当前套餐卡给付费档显示 7 天试用,旧 FAQ 却说 Pro 不提供试用。不要据此做假设,应查看实际结账。总成本还包括 Figma、Webflow 托管、开发人员、CMS/基础设施、集成,以及把线框图变成生产站点的工时。
许可、隐私与客户治理
许可允许为自己和客户制作定制成品,并在多个项目重复使用;禁止重新分发、作为资产销售、交付成可编辑组件库或制作竞品。代理商应明确客户能收到哪些可编辑交付物,并特别核对 Figma Library、React Source、Webflow Components 与账户移交。
隐私政策覆盖身份、账户、安全、支付、浏览器、分析与交互数据,更关键的是它允许某些客户数据用于 AI 训练和模型开发,在可行时做匿名或聚合,并在账户设置提供退出。“可行时”不等于合同级 No-Training。输入保密 Brief 前先退出,并询问项目内容、提示、输出、保留、删除、模型商、子处理者、地区、访问控制、事故响应和 DPA。
共享链接也需要规则:设置最低权限,不把未发布策略或个人数据写入线框图,移除过期客户链接,并注意删除区块会连同评论消失。批准后的架构和文案应在外部留档。
结论
当团队已经会在 Figma、Webflow 或 React 完成网站时,Relume 能显著节省前期时间。真正价值不是“AI 建站”,而是 Sitemap、Wireframe、文案、组件、Tokens、客户评论与实现交付使用同一套体系。
它不能代替产品策略或生产工程。用一个代表性客户项目测试,导入真实下游技术栈,计算清理时间,审查许可和 AI 训练设置,并用年费加下游工具与真实节省工时比较。衡量标准应是获批且可维护的页面,而不是首张线框图生成速度。
