icon of Relume

Relume

网站设计平台,可根据项目简报生成网站地图、线框图、风格指南和可复用组件。

社区:

产品概览

什么是Relume?

Relume preview

Relume 帮助网页设计师和开发者将最初的网站构想转化为结构化的设计流程。用户可以根据公司描述生成网站地图,将页面转化为可编辑的线框图,创建视觉风格指南,并使用组件库优化布局。项目随后可导出至 Figma、Webflow、React 或 Claude Design,以进行后续设计和开发。


主要功能

  • AI 网站地图生成

    根据简短的公司或项目描述,生成结构化的网站地图,包含关键页面和内容板块。

  • 线框图构建器

    将网站地图转化为可编辑的页面线框图,基于真实布局组件和草稿文案构建。

  • 风格指南生成器

    生成视觉概念与设计系统基础,用于定义颜色、字体、间距和界面模式。

  • 1,000+ 组件库

    提供适用于 Figma、Webflow 和 React 的响应式可复用组件,含移动端变体并定期更新。

  • 工作流导出

    将网站结构、线框图、风格指南和组件导出至 Figma、Webflow、React 和 Claude Design。

  • 项目协作

    让团队和客户在集中式设计规划工作流中共享项目、留下评论并审阅工作成果。


使用场景

  • 营销网站规划 : 代理商和自由职业者可以在投入视觉设计或开发之前,将客户简报转化为清晰的网站地图。
  • 快速线框设计 : 网页设计师无需从空白画布开始,即可创建并迭代多页线框图。
  • 客户概念审批 : 团队可以提前展示网站结构、页面布局和风格方向,以收集反馈并减少范围变更。
  • Figma 与 Webflow 制作 : 设计师可以使用可复用组件,将已批准的布局导入 Figma 或 Webflow,而无需手动重建每个板块。
  • React 网站开发 : 前端团队可以将 React 组件库作为起点,用于实现响应式营销网站。

常见问题

Relume的替代方案

🚀

Relume网站分析