What is Relume?
Relume is a website builder powered by AI that generates sitemaps, wireframes, and style guides for marketing websites. It takes a short text prompt and produces a full site structure with real components and placeholder copy. The website builder covers the three main planning stages of web design: information architecture, page layout, and visual style. Output can be exported directly to Figma, Webflow, or React. A Chrome extension extends the tool’s functionality within Webflow.
Features & Benefits
- Sitemap Generation: generate a complete website sitemap from a short company description, mapping out all key pages and sections.
- Wireframe Generation: convert a sitemap into full page wireframes in one click, pulling from a library of 1,000+ real, unstyled components with placeholder copy included.
- Style Guide Builder: generate on-brand color palettes, typeface pairings, and UI element styles that apply across pages, then export to Figma or Webflow.
- Component Library (Webflow): access 1,000+ responsive, Client-First Webflow components that copy and paste directly into projects.
- Component Library (Figma): access 1,000+ Figma components with mobile variants built to Figma best practices.
- Component Library (React): access 1,000+ responsive React components built with Tailwind CSS and Shadcn UI, exportable as React or HTML.
- AI Copywriting: generate website copy directly within wireframes as part of the website builder workflow.
- Component Shuffling: swap out components within the website builder to explore layout alternatives without starting over.
- Image Editing: edit images directly inside the site builder.
- Collaboration and Commenting: share projects with team members and clients, leave comments, and collect approvals without leaving the tool.
- Export to Figma, Webflow, and React: copy any component or full page output and paste it into the target platform.
- Chrome Extension: boost productivity when working inside Webflow.
What can Relume do?
- Generate a website sitemap from a text prompt
- Create wireframes from a sitemap
- Build a style guide for a marketing website
- Generate website copy for wireframes
- Export wireframes to Figma
- Export wireframes to Webflow
- Export components to React
- Generate a color palette for a website
- Find typeface pairings for a website
- Swap components in a wireframe layout
- Share a website project for client review
- Leave comments on wireframes
Real-World Applications
A freelance web designer taking on a new client project may use Relume’s website builder to produce a full sitemap and wireframe set within the first meeting. The AI-generated output gives the client something concrete to review early, which can speed up sign-off and reduce back-and-forth.
Webflow developers at agencies can pull from the 1,000+ component library and copy layouts directly into their builds. The website builder handles the structural planning, so developers can focus on customization rather than starting page layouts from scratch.
Designers who handle both strategy and visual design may find the style guide feature useful for presenting multiple on-brand concepts quickly. The website builder lets them generate color, typography, and UI style options and export the winning direction straight to Figma or Webflow without manual setup.
Product teams working on marketing site refreshes might use Relume to scope out page count and structure before any design work begins. The sitemap output from the website builder gives project managers a clear deliverable to define scope and set timelines.
