Relume
AI帮你搞定网站规划和线框设计
从一句话到完整的站点地图和线框图，再导出到你熟悉的工具里继续细化
核心功能
AI站点地图生成
输入公司或项目描述，AI自动生成结构化的网站地图，包含关键页面和内容板块
线框图构建器
将站点地图一键转化为可编辑的页面线框图，基于真实布局组件和草稿文案搭建
风格指南生成器
生成色彩、字体、间距等设计系统基础，方便统一品牌视觉风格
海量组件库
提供1500+适用于Webflow、Figma和React的响应式可复用组件，含移动端变体
多平台导出
将站点结构、线框图、风格指南和组件导出至Figma、Webflow、React和Claude Design
团队协作
支持项目共享、评论审阅，团队成员可集中式协作完成设计规划
产品特色
- 01
AI生成站点地图与线框图，大幅压缩早期规划阶段
传统上需要数天甚至一周的网站架构和线框规划，现在几分钟就能拿到初稿。输入项目描述即可获得完整的页面结构。
- 02
1500+人工设计的组件库，覆盖各类营销场景
包含首页Hero、定价表、团队展示、评价轮播、FAQ等常见板块，每个板块有多种布局变体可选。无需从零搭建每个页面。
- 03
导出至Figma、Webflow、React，衔接现有工作流
线框图和组件可直接导入Figma继续细化视觉，或导入Webflow直接进入开发阶段。不强制你迁移到新平台。
- 04
风格指南与设计系统一键生成
颜色、字体、间距等设计决策集中管理，导出后可直接应用，保持品牌一致性。
- 05
Publish功能即将上线，从规划到上线一站式完成
Beta版预计2026年7月启动，支持从站点地图到托管上线全流程，无需在多个工具间来回切换。
应用场景
✅ 营销网站规划
代理机构和自由职业者可以将客户简报快速转化为清晰的站点地图，用于内部对齐或向客户展示。
✅ 快速线框设计
设计师无需面对空白画布，从AI生成的线框初稿开始修改和迭代，节省大量时间。
✅ 客户概念审批
提前展示网站结构、页面布局和风格方向，在投入视觉设计前收集反馈、减少后期返工。
✅ Figma与Webflow制作
将已批准的布局导入Figma或Webflow，利用可复用组件继续细化，无需手动重建每个板块。
✅ React网站开发
前端团队可以直接使用导出的React组件库（含Tailwind CSS和Shadcn UI）作为起点，快速实现响应式营销网站。
常见问题
解答您关于"Relume"的常见疑问，让您更好地使用这款AI工具
-
不是。Relume不直接发布上线网站，而是帮助生成站点地图、线框图和设计系统，再导出到Figma、Webflow等工具中完成后续设计和开发。
-
免费版可体验1个项目、30个组件和AI站点地图生成，足以了解工具的基本工作方式。
-
Starter方案每月38美元（单个用户、无限项目），Agency方案每月75美元（含团队席位）。另有7天免费试用可供体验。
-
支持导出至Figma、Webflow、React和Claude Design。暂不支持WordPress、Shopify等其他平台。
-
线框图基于真实组件搭建、结构合理，但属于初稿而非最终设计。输入的项目描述越具体，生成的结果越贴近需求。
立即体验 Relume
Relume是一款AI网站规划与设计工具，帮助设计师和开发者从项目简报快速生成站点地图、线框图和设计系统。提供1500+组件库，支持导出至Figma、Webflow、React和Claude Design。适合需要快速搭建营销网站结构、压缩早期规划阶段的团队和个人。