Relume

Relume 是一个通过ai来优化网站设计与搭建流程的平台，可以快速生成网站地图、线框图和风格指南，帮助设计师和开发者提高建站效率。目前有 70 万以上设计师和开发者使用Relume平台，设计可导出到 Figma、Webflow、React等常用设计工具。

Relume核心功能

• 网站地图：输入公司简介后，AI 几秒内生成完整网站地图，帮你明确关键页面和部分，为项目搭建清晰的结构基础。

• 线框图：AI 可将网站地图一键转成线框图，生成真实的未样式化组件和文案。用户能自行编辑文案或添加新组件，且不用依赖模板。

• 风格指南：能快速创建视觉概念，确定设计系统，还可导出到 Figma 或 Webflow，加快客户审批速度，节省手动设置样式指南的时间。

Relume组件库

• Webflow 库：有 1000 多个响应式 Webflow 组件，由 Finsweet 的 Client - First 构建，每月更新，可直接复制粘贴用于 Webflow，需付费订阅。

• Figma 库：提供超 1000 个带移动端变体的 Figma 组件，遵循 Figma 最佳实践，每月更新，免费使用。

• React 库：包含 1000 多个响应式 React 组件，每月更新，基于 Tailwind CSS 和 Shadcn UI 构建，可复制为 React 或 HTML 代码，需付费订阅。

Relume特点

• 团队协作：支持团队成员和客户协作，可共享项目并留言，方便沟通和获取设计批准。

• 组件兼容：提供超 1000 个真实组件，与 Figma、Webflow 和 React 等工具兼容，能直接复制粘贴到所需位置。

• 导出灵活：支持将设计导出到 Figma、Webflow 和 React，适配用户现有工作流程。

Relume适用人群

• 自由职业者和设计机构：能快速创建视觉概念，加速审批流程，节省时间，提高效率。

• 开发人员：可快速生成设计基础，减少重复工作，更专注于代码实现。

Relume优势

• 节省时间：通过 AI 自动生成网站地图、线框图和风格指南，可以减少手动设计时间。

• 提高效率：丰富的组件库和与主流设计工具的集成，可以让设计开发高效一些。

• 降低成本：定价低于项目成本的 1%，但能节省一半的交付时间，性价比高。

关键问题解答

Relume 借助 AI 解决了传统网站设计的哪些痛点？

• 时间消耗长：传统生成网站地图需数小时，Relume 只需几秒；线框图能实现“首分钟出初稿”；风格指南无需手动设置，大幅缩短各环节耗时。

• 流程效率低：传统设计中需求易混乱、团队与客户协作沟通成本高、审批慢，Relume 通过 AI 明确网站地图范围、提供协作评论功能、简化风格定版与审批，提升整体流程效率。

• 工具适配难：传统设计成果导出到不同工具需额外调整，Relume 支持直接导出，且有对应工具的 1000 多个组件库，减少工具适配成本。

Relume 的组件库（Figma、Webflow、React）有什么差异，怎么选择？

• 付费类型：Figma 库免费，Webflow 和 React 库付费（需订阅 29 美元/月或 299 美元/年的计划）。

• 功能特点：Figma 库含移动端变体、遵循 Figma 最佳实践；Webflow 库是响应式组件，基于 Client - First（Finsweet），支持直接复制粘贴；React 库基于 Tailwind CSS 和 Shadcn UI，可复制为代码。

• 选择建议：Figma 设计师且预算有限，优先选 Figma 库；主要用 Webflow 搭建网站，需高效复制组件，选 Webflow 库；React 开发者需要代码级组件支持，选 React 库；跨工具协作（如同时用 Figma 设计、Webflow 搭建），可组合订阅付费计划并使用免费 Figma 库。

Relume 获得市场认可的原因是什么？

• 实际价值突出：70 多万设计师和开发者信任，50 多万个网站使用，证明能解决用户痛点。费用方面，计划费用不到平均项目价值的 1%，性价比高；效率上，节省一半交付时间，符合用户“省时提效”需求。

• 产品定位精准：“AI 为辅助而非替代品”的定位打消了设计师对“AI 替代工作”的顾虑，产品功能贴合专业用户需求（如支持专业工具导出、提供真实组件库而非模板噱头），获得 Webflow 联合创始人等行业权威及众多一线设计师的正面评价，增强了市场信任。