Relume
AI-Generated Sitemaps and Wireframes For Webflow and Figma
What is Relume?
Relume is an AI-powered tool that produces sitemaps and wireframes for marketing websites from a short business description. Relume sits between strategy and design, turning input about the company, audience, and goals into a structured information architecture. Relume then generates corresponding wireframes that can be exported to Figma and Webflow component libraries. Web designers, agencies, and Webflow developers use Relume to compress the discovery phase of a project from days to hours. Relume integrates tightly with Webflow's class system and Figma auto layout, so the generated wireframes plug straight into existing production workflows without manual rebuilding of layouts.
Key Features of Relume
AI Sitemap Generation
Relume generates a sitemap from a company description, including page hierarchies and section breakdowns. Each Relume sitemap reflects best practices for marketing site information architecture.
AI Wireframe Generation
Convert any Relume sitemap into low-fidelity wireframes built from a real component library. Relume wireframes are editable, copy-ready, and structured for production.
Webflow Library
Relume ships over 1,000 production-ready Webflow components. Drop Relume sections into a Webflow project to assemble a complete marketing site in hours.
Figma Library
Relume mirrors its Webflow components in Figma using auto layout. Designers can wireframe in Figma using Relume and hand off cleanly to Webflow developers.
Style Guide Generator
Generate brand-aligned typography, color, and spacing tokens with Relume. This Relume feature gives every project a consistent foundation before component assembly begins.
Collaboration
Relume sitemaps and wireframes are shareable with stakeholders for review. Comments and approvals happen in the Relume workspace alongside the artifacts themselves.
Relume Pricing Plans
Starter
Access the full Relume library for Webflow and Figma, ideal for individual designers building marketing websites.
Pro
Adds unlimited Relume AI sitemap and wireframe generation plus style guide tools for client work and agency teams.
Best Use Cases for Relume
Agency Pitch
- Target user:
- Web agency lead
- Pain point:
- Need to present a credible sitemap during a pitch tomorrow
- Solution:
- Feed the prospect brief into Relume to generate a sitemap and rough wireframes, then walk the client through the proposed structure.
Webflow Build Speed
- Target user:
- Webflow developer
- Pain point:
- Building marketing sites from scratch each time is slow
- Solution:
- Assemble pages from the platform Webflow library and only customize what makes the brand unique to ship in a fraction of the time.
Wireframe Handoff
- Target user:
- Product designer working on a marketing site
- Pain point:
- Need low-fidelity wireframes engineers can scope
- Solution:
- Generate wireframes with this tool, export to Figma, and annotate sections for handoff without drawing every box manually.
IA Workshop Output
- Target user:
- UX strategist
- Pain point:
- Translating workshop notes into a sitemap takes a full day
- Solution:
- Summarize workshop findings as a prompt for the app and refine the generated sitemap rather than starting from scratch.
How to Use Relume — Step by Step
- 1
Subscribe
Sign up at relume.io and choose a plan. Relume access is unified across Figma plugin, Webflow plugin, and the web app.
- 2
Generate a Sitemap
Describe the business and goals in the platform AI sitemap tool. Review the generated structure and adjust as needed.
- 3
Generate Wireframes
Convert the platform sitemap into wireframes. Choose from layout variants for each section before committing.
- 4
Export To Webflow or Figma
Use the platform plugin to import sections into Webflow or Figma. Components arrive with classes and styles intact.
- 5
Customize and Ship
Customize the platform components with your brand styles, swap copy, and publish through Webflow or hand off through Figma.