Relume
Generate a full website sitemap and wireframe from a prompt — then build it in Webflow or Figma.
Relume Review: The AI Tool That Solves the Blank Canvas Problem for Web Designers
The most time-consuming part of designing a new website is not the visual design itself — it is the structural decisions that precede it. What pages does this site need? What sections does each page require? What components belong in each section? These questions consume hours of planning that Relume collapses into minutes with an AI that generates a complete sitemap and page-by-page wireframe from a text description of the business. For Webflow designers and Figma users, the resulting wireframes export directly into their tools as a complete starting structure.
Quick Summary
Relume is an AI website planning and component library tool that generates complete website sitemaps and component-level wireframes from text descriptions — with export to Webflow and Figma and access to 1,000 plus pre-built Webflow and Figma components.
Is it worth using? Yes for Webflow designers, web design agencies, and Figma-based design teams who want to dramatically reduce the time spent on website planning and structural design before visual work begins.
Who should use it? Webflow designers, web design agencies, freelance web designers, and design teams who regularly plan and build marketing websites and want AI to handle the sitemap and wireframe planning phase.
Who should avoid it? Designers not using Webflow or Figma where Relume’s export integrations do not apply, or teams who need complete visual design generation rather than structural wireframing.
Verdict Summary
Best for
- Webflow designers and agencies who want to go from client brief to complete site structure in minutes rather than hours of manual planning
- Freelance web designers who want AI to handle the initial sitemap and wireframe work so they can focus on visual design and client customisation
- Design teams who want a large library of pre-built Webflow and Figma components to accelerate website development
Not for
- Designers not using Webflow or Figma who cannot benefit from the direct export integrations
- Teams who need complete AI-generated visual designs rather than structural wireframes
- Non-designers who need an all-in-one website builder without learning Webflow or Figma
Rating
⭐⭐⭐⭐ 4.4 / 5
What Is Relume?
Relume is an AI-powered website planning tool and component library built specifically for the Webflow and Figma ecosystem. Its AI sitemap generator takes a text description of a business and generates a complete website sitemap with all necessary pages. Its AI wireframe generator then creates component-level wireframes for each page — specifying which sections and components belong on each page with placeholder content. Both outputs export directly to Webflow or Figma as editable starting structures.
The component library — Relume’s other major value — provides over 1,000 professionally designed Webflow and Figma components that designers can use directly or customize, significantly accelerating the component selection and setup phase of any web project.
How Relume Works
- Describe your website. Enter a text description of the business or project — “a B2B SaaS product for restaurant inventory management targeting restaurant owners and operations managers.”
- Generate a sitemap. Relume’s AI generates a complete website sitemap with all recommended pages — home, features, pricing, about, blog, contact — tailored to the business description.
- Generate page wireframes. For each page in the sitemap, Relume generates a component-level wireframe specifying which sections and UI components belong on the page in what order.
- Customise the structure. Adjust the sitemap and wireframes — adding, removing, or reordering pages and sections — until the structure matches the project requirements.
- Export to Webflow or Figma. Export the complete wireframe to Webflow as a starter project or to Figma as editable frames, giving you a complete structural starting point in your design tool.
- Use the component library. Browse Relume’s 1,000 plus component library to find and add specific sections during design and development — headers, feature sections, pricing tables, testimonials, and more.
Key Features
- AI sitemap generator creating complete page structures from text descriptions
- AI wireframe generator creating component-level page layouts for each sitemap page
- Direct export to Webflow as a starter project
- Direct export to Figma as editable wireframe frames
- 1,000 plus pre-built Webflow and Figma component library
- Component search and filtering by category and style
- Customizable sitemap and wireframe editing before export
- Client-shareable sitemap and wireframe links for review and approval
- Regular component library updates with new additions
Real-World Use Cases
- Agency website planning: A Webflow agency uses Relume to generate the sitemap and wireframe for every new client project — going from client brief to approved site structure in the same meeting rather than taking a week for planning and structural design.
- Freelancer project kickoff: A freelance Webflow designer generates a complete 12-page site structure for a new client in ten minutes, exports it to Webflow as a starter, and begins visual design the same day rather than spending half a day on structural planning.
- Component library adoption: A design team uses Relume’s component library as the basis for all new Webflow projects — selecting from pre-built sections that match their clients’ needs and customizing them rather than building every section from scratch.
- Client structure approval: A web designer shares a Relume-generated sitemap and wireframe with a client for structure approval before visual design begins — using Relume’s shareable link to present the structural plan in a format clients understand easily.
Pros and Cons
| Pros | Cons |
|---|---|
| AI sitemap and wireframe generation collapses hours of planning to minutes | Primarily valuable for Webflow and Figma users — limited outside that ecosystem |
| Direct Webflow and Figma export provides immediate working starting points | Free plan has limited AI generation credits |
| 1,000 plus component library accelerates development significantly | Wireframes are structural, not visual — still requires full visual design work |
| Shareable links enable client structure review before design begins | Less useful for teams whose clients want visual mockups before structure approval |
| Regular library updates add new components and patterns | Component library is Webflow-specific and may not match all design systems |
Pricing & Plans
Free — $0/month
- Limited AI sitemap and wireframe generations
- Component library access (limited)
- Webflow and Figma export
Basic — $36/month
- Unlimited AI generations
- Full component library access
- Priority support
Pro — $68/month
- All Basic features
- Team collaboration
- Advanced export options
- Priority support
Best Alternatives & Comparisons
- Webflow — Better for the actual visual design and publishing of the website after Relume’s structural planning
- Framer — Better for AI-generated complete visual websites rather than structural wireframes
- Galileo AI — Better for AI-generated high-fidelity UI design screens rather than website structural planning
- v0 — Better for React component generation rather than Webflow-specific website planning
Frequently Asked Questions (FAQ)
Relume is an AI website planning tool and component library that generates complete sitemaps and component-level wireframes from text descriptions, with direct export to Webflow and Figma and a library of 1,000 plus pre-built components.
Yes, Relume offers a free plan with limited AI generation credits and component library access. The Basic plan at $36/month provides unlimited AI generations and full component library access.
Relume’s primary integrations are Webflow and Figma. The component library is designed specifically for these tools. Designers not using either platform will find limited value in the export features.
Given a text description of a business or project, Relume’s AI generates a complete website sitemap with recommended pages and a component-level wireframe for each page specifying which sections — hero, features, pricing, testimonials, CTA — belong in what order.
Relume generates structural sitemaps and wireframes that serve as starting points for Webflow or Figma design. Framer AI generates complete visual websites ready to publish. Relume is better for professional designers who want structural planning support before visual work; Framer for rapid full website generation.
Yes, Relume provides a library of 1,000 plus pre-built Webflow and Figma components — hero sections, feature grids, pricing tables, testimonial carousels, and more — that designers can use directly or customize in their projects.
Final Recommendation
Relume is an essential tool for Webflow designers and agencies who want to eliminate the most time-consuming structural planning phase of website projects. The AI sitemap and wireframe generation alone justifies the subscription for any designer who regularly starts new website projects — collapsing days of planning into minutes while producing a client-presentable structure before a single visual design decision is made. Combined with the 1,000 plus component library, Relume genuinely accelerates every stage of the Webflow design workflow.
Next steps
