Relume翻译站点

Relume详细介绍

Relume 是一款给网站前期规划用的 AI 工具，核心动作就三步：用一句话描述项目，先生成网站地图，再把地图转成线框图，最后补上初版文案和一套设计系统。Relume 不做高保真视觉，而是把最容易卡住的从空白到结构那一步先解决掉，剩下的细化留给 Figma 或 Webflow。

Relume 真正值钱的是那套 1000 多个组件库，覆盖 Figma、Webflow 和 React 三套，全部响应式、带移动端变体，每月还在更新。生成线框图时用的就是这些真实组件，不是占位图，所以导出后基本能直接接着做设计，不用推倒重来。组件库分免费和付费两部分，免费档只给少量组件，正经项目基本要上付费档。

我拿 Relume 给一个 SaaS 落地页做前期结构，输入公司简介后十几秒就出了完整站点地图，点一下生成线框图，首屏、功能区、定价区都按常见布局排好了。省掉的是反复拖区块、想栏目顺序的时间，给客户看初稿当天就能对齐方向。Relume 生成的文案偏模板化，需要自己改，但作为起点已经够用。导出到 Webflow 时类名会自动同步，这点比想象中省事。

Relume 的输出本质是中低保真线框图，不能直接当成品，后续视觉和交互还是在 Figma、Webflow 里做。生成的站点地图有时会偏套路，第一版看起来像通用模板，得手动调。如果你本来就在用 Figma 或 Webflow，Relume 衔接顺；要是用不上这两个工具，组件库的价值就小很多。

Relume的核心功能

• AI网站地图生成：输入一段公司或项目描述，Relume 在几十秒内给出完整站点地图，自动规划首页、关于、产品、博客等页面与栏目层级，可手动拖拽调整顺序和增删板块。
• AI线框图生成：把站点地图一键转成线框图，每个页面按 hero、功能、定价等常见区块排布，用的是真实组件而非占位图，首稿几分钟就能看。
• AI文案生成：Relume 能为每个区块生成初版文案，省去从空白页写起的麻烦，不过生成内容偏通用，正式发布前需要按品牌语气改写。
• 组件库：内置 1000 多个响应式组件，分 Figma、Webflow、React 三套，带移动端变体，每月更新，免费档仅给少量组件，付费档开放全部。
• 设计系统生成：Style Guide Builder 根据描述生成配色、字体与间距规范，让整站视觉统一，还能一键导出到 Figma 或 Webflow。
• Figma 与 Webflow 集成：通过 Figma 插件和 Webflow 应用把站点地图、线框图直接导入对应工具，粘贴组件时自动同步类名，减少重复劳动。
• Claude Design 导出：把整套设计系统（颜色、字体、间距、组件）一键送进 Claude Design，让 Claude 生成的页面保持品牌一致，不再各页漂移。
• Relume Library MCP：把组件库接进 Cursor、Claude、Windsurf、VS Code 等 AI 编辑器，让编程助手按描述拉取真实可编辑组件，而不是凭空拼代码。

Relume的价格详情

免费权益：

免费档提供 1 个项目、1 个线框图页面、只读分享链接、仅 Figma 导出，以及 30 个 Webflow 与 React 组件、1000 多个 Figma 组件，AI 用量有限。当前 AI 代际为 Wireframing 2.0 与 Copywriting 1.5，组件库为 Figma Kit v3.2，价格可能随官方调整。

收费模式：

Relume的应用场景

• 客户提案前期：接新网站项目时，用 Relume 十几秒出站点地图和线框图，当天就能拿去和客户对齐页面结构与栏目顺序，不用先花几天做高保真稿。
• 营销落地页规划：做 SaaS 或活动落地页前，先让 Relume 列出首屏、卖点、定价、FAQ 等区块，确认信息架构后再进设计工具细化。
• 设计团队规范统一：用 Style Guide Builder 生成一套配色和组件规范，整个团队按同一套设计系统出图，避免每人风格不一。
• React 项目起步：前端开发者通过 React 组件库或 Relume Library MCP，直接拿到带 Tailwind 类的真实组件，少写重复 UI。
• 与 Claude 协作建站：把 Relume 设计系统导出到 Claude Design，让 AI 生成的多个页面保持同一品牌调性，解决各页风格漂移的问题。

Relume的适用人群

• 网站设计师：Freelance 或 agency 设计师用 Relume 快速出结构与初稿，把省下的规划时间花在高保真设计上。
• 营销与运营：市场团队在动手做页前先用 Relume 理清信息架构和栏目，提案和评审环节更快达成共识。
• 前端开发者：用 React 组件库或 MCP 接进 AI 编辑器，直接取用真实组件，减少从零搭 UI 的重复劳动。
• 产品经理：用 Relume 把需求文档转成站点地图，和非技术的客户、设计师对齐页面范围，减少来回沟通。

同类工具对比

Relume的同类竞品

FramerFramer一开始给人的感觉更像设计软件…Galileo AIGalileo AI 是一款用文字描述就…Webflow做企业官网、品牌站或营销落地页时，Web…Uizard如果你的工作经常卡在“想法有了，但还没有…VisilyVisily 是一款给没有设计背景的人用…