Relume
AI website builder that turns a short brief into a sitemap, wireframes, and a marketing site you can publish.
Relume earns its place in an agency stack at the structure stage. Nothing else we've reviewed generates a sitemap, clickable wireframes, and a locked style guide from a short brief this quickly, and the libraries are the reason it holds up: 1,500+ Webflow components in Client-First, 1,500+ Figma components with mobile variants, 1,000+ React components on Tailwind and Shadcn. The MCP work matters more than the marketing copy admits — pulling real components into Cursor, Claude, or Windsurf is a genuinely different workflow from prompting a model to invent layout. Budget for Pro from $14/month billed monthly, since the free tier caps you at 30 components. If you want to art-direct pixels
Verified 9d ago · liveness 94/100 · cite: rightaichoice.com/tools/relume
- Webflow designers who want to shorten sitemap and wireframe work
- Agencies scoping and presenting site structures to clients
- Freelancers reducing early-stage design time and scope creep
- Teams building inside AI editors like Cursor, Claude, or Windsurf
- Teams needing pixel-level visual design or final production layouts
- E-commerce or app interface projects
- Users who prefer freehand sketching or already maintain a custom component library
We scan live Reddit threads, YouTube comments, X posts, G2 reviews and other communities — and hand you an honest verdict in under a minute.
- Honest verdict, not marketing
- Real pros & cons from real users
- Attributed quotes with receipts
3 free scans · no card needed
Skip Relume if your project is e-commerce or app UI, or if you want a tool that outputs final pixel-polished pages without a designer making the layout calls.
Relume sits at the low end of design tooling: Pro from $14/month billed monthly, cancel anytime, versus Framer or Webflow subscriptions that often run higher once you add seats. That price buys the structure phase, not a finished site — if you still pay a designer for production polish, budget that separately. It fits freelancers and small agencies comfortably; larger teams should check the monthly capacity tiers before standardising.
In short
Relume — AI website builder that turns a short brief into a sitemap, wireframes, and a marketing site you can publish. Best for Webflow designers who want to shorten sitemap and wireframe work, Agencies scoping and presenting site structures to clients, Freelancers reducing early-stage design time and scope creep. Free to start; paid plans from $14/mo.
What's new in Relume
Checked todayAcross the latest 2 updates: 2 feature updates.
The Relume Library MCP, Now Live in Your AI Editor
Integrates 1,000+ Relume components into Cursor, Claude, Windsurf, and VS Code, letting AI editors use real components with the design system attached.
Your Design System, Native in Claude Design
Export your Relume design system into Claude Design in one click, including colors, typography, spacing, and components.
What people actually say about Relume — is it worth it?
We ran a structured research pass across product reviews, community discussions, and post-purchase forum threads to surface the patterns vendors won't publish themselves. Below: the recurring strengths, the hidden costs people mention most, and the cohort that consistently regrets adopting this tool.
33 mentions across 4 sources (Hacker News, YouTube, Product Hunt, Lemmy) · researched Aug 4, 2026.
Average across the 4 sources that answered — each source counts once, not each post.
- +Generates accurate sitemaps and wireframes from a single company description.
- +1,500+ components for Webflow, Figma, and React save massive time.
- +React export turns visual edits into clean code, a developer favorite.
- +Claude Design export delivers a full design system instantly.
- +In-canvas image editing and component shuffling speed up iteration.
- −AI-generated styling often looks generic and needs manual polish.
- −Learning curve steeper than expected for non-technical users.
- −Basic UI interactions (buttons, navigation) require manual setup.
- −Limited customization depth compared to hand-coded Webflow/Figma.
- −Export to React may produce bloated code for complex projects.
- • Export to React/Webflow may require paid subscription on higher tiers (Pro and above)
- • Advanced collaboration features (version history, comments) reserved for Team plan
- • Potential extra costs for integrating with Claude Design or using MCP extensively
Viability Score
How well maintained and how widely used is Relume? Built from what the vendor actually publishes (docs, changelog, tutorials, integrations, pricing), whether the site is live, and how much real users discuss it. How we calculate this
Last calculated: October 2026
How we score →Key Features
- AI-generated sitemaps from a short written brief
- One-click wireframe generation built from real library components
- Style Guide Builder for colors, typography, and spacing
- AI copywriting for whole-page consistency
- In-canvas image editing and component shuffling
- Design View for clickable client walkthroughs
- 1,500+ Webflow components following Client-First by Finsweet
- 1,500+ Figma components with mobile variants
- 1,000+ React components built with Tailwind CSS and Shadcn UI
- Relume Library MCP for Cursor, Claude, Windsurf, and VS Code
- One-click export of your full design system to Claude Design
- Export to Figma, Webflow, React, and HTML
- Cross-team collaboration with comments and version history
- Publish hosting with custom domain and SSL
- Account-wide usage insights and priority access at peak times
About Relume
Relume takes a few sentences about a company and generates a structured sitemap, clickable wireframes assembled from real components, and a Style Guide Builder that locks colors, typography, and spacing. Its component libraries are large and specific: 1,500+ Webflow components following Client-First by Finsweet, 1,500+ Figma components with mobile variants, and 1,000+ React components built on Tailwind CSS and Shadcn UI. The interesting 2026 development is where those components now live. The Relume Library MCP puts the component set inside Cursor, Claude, Windsurf, and VS Code so AI editors can pull real, design-system-aware components, and a one-click export pushes your whole design system (colors, typography, spacing, components) into Claude Design without a Figma round-trip. Exports also cover Figma, Webflow, and React/HTML. Relume is aimed at freelancers, agencies, and Webflow designers who want the structure and concept phase of a marketing site to take hours instead of days. It is not the tool where you finish the job: final pixel-level production design still happens in your design tool of choice, and it is built for marketing sites rather than e-commerce or app UI. Pricing is free forever for 30 components and limited AI usage, with Pro from $14/month billed monthly, cancel anytime.
Behind the Verdict
The honest framing of Relume is that it solves the first 40% of a website project — the part that is tedious, repetitive, and hard to bill for — and deliberately stops there. What it does well: you describe the business in a few sentences and get a sitemap you can actually argue with, then wireframes assembled from real components rather than grey boxes. Shuffling components and editing images on canvas in the Design View means you can walk a client through a clickable structure in a first meeting instead of a second one. The Style Guide Builder is the underrated piece — colors, typography, and spacing locked before anyone draws a hero section is precisely the discipline agency work usually lacks. AI copywriting keeps a whole page consistent, which matters when a client sees five pages at once. The 2026 shift is the MCP and the Claude Design export. Relume's library is now a supply of real components for Cursor, Claude, Windsurf, and VS Code, and the design system exports in one click with colors, typography, spacing, and components included. For teams already prompting their way through builds, that is a materially better setup than pasting screenshots into a chat window. Where it doesn't fit: Relume is not Photoshop. Pixel-level visual design, bespoke illustration, and final production polish happen elsewhere, and the tool is scoped to marketing sites — e-commerce and app interfaces are out. If you already maintain a mature custom component library, the generated one is a second system you don't need. Users who prefer freehand sketching will find a component-first canvas constraining rather than fast. Practical advice: keep the free tier to evaluate the sitemap and wireframe quality on one real project, then move to Pro from $14/month billed monthly before a client engagement, because 30 components will run out mid-project. The ceiling on a single generation and the monthly capacity both rise with tier, so heavy months are the thing to watch.
Researching Relume? Get your full AI stack in 60 seconds.
Free, no signup — tell us your goal and get tools matched to your budget & existing stack.
Real-world workflow fit
Concrete scenarios for the personas Relume actually fits — and what changes day-one when you adopt it.
A new client sends three paragraphs about their business on a Monday. You paste it into Relume, accept and rearrange the generated sitemap, generate wireframes from library components, set colors and type in the Style Guide Builder, then export to Webflow and start production.
Outcome: You walk into the kickoff call with a clickable structure instead of a blank canvas, and the client approves scope before you open Webflow proper.
You build two competing sitemap and wireframe directions for an existing site, share them in Design View, and collect client comments directly on the structure.
Outcome: The pitch answers 'what will it look like structurally' concretely enough to win the engagement, and the approved direction carries forward without a Figma round-trip.
With the Relume Library MCP installed, you ask Cursor or Claude to scaffold a marketing page and it pulls real Relume components with the design system attached.
Outcome: Generated code uses components that match your colors, spacing, and typography instead of invented markup you have to rewrite.
Use Cases
- Turn a client brief into a sitemap and clickable wireframes for a new marketing site
- Prototype a landing page structure for a pitch using Design View before contracts are signed
- Lock an on-brand style guide early so client approvals stop looping on typography and color
- Build and favorite a component set for a Webflow project using Client-First
- Redesign an existing site with a team, using comments and version history to manage feedback
- Pull real Relume components into Cursor, Claude, Windsurf, or VS Code via the Library MCP
- Push a complete design system into Claude Design without a Figma round-trip
- Publish a finished marketing site on a custom domain with SSL through Relume Publish
Models Under the Hood
as of 2026-09-22
Limitations
- Relume is scoped to marketing websites: sitemaps, wireframes, style guides, and component libraries.
- It does not produce final pixel-level production design, and e-commerce or app UI is out of scope.
- The free plan caps you at 30 components with limited AI usage shared across all your projects, so a real client project will push you onto Pro.
- Monthly capacity is the other ceiling worth understanding before you commit: the free tier is pitched as enough for one full website, Pro starts at 1-2 websites per month, and higher tiers build more.
- Downgrading to Free immediately drops you back to those 30 components.
as of 2026-09-28
Verification history
We have re-verified Relume 17 times since . Each pass re-reads the vendor's own pages and re-checks every listed field against that evidence; passes where nothing had changed are marked as such.
- — re-checked, vendor evidence unchanged
- — re-verified summary, description, our verdict, our analysis, pricing model, pricing tiers, features, integrations, who it suits, who should skip it
- — re-verified summary, description, our verdict, our analysis, pricing model, pricing tiers, features, integrations, who it suits, who should skip it
- — re-verified summary, description, our verdict, our analysis, pricing model, pricing tiers, features, integrations, who it suits, who should skip it
- — re-verified summary, description, our verdict, our analysis, pricing model, pricing tiers, features, integrations, who it suits, who should skip it
- — re-verified summary, description, our verdict, our analysis, pricing model, pricing tiers, features, integrations, who it suits, who should skip it
Showing the 6 most recent of 17 verification passes.
Free to cite with attribution — this page re-verifies continuously.
12-month cost
Project the real annual outlay, including the implied monthly cost when only an annual tier is published.
Vendor list price only. Add-on usage, seat overages, and contract minimums are surfaced under Hidden costs & gotchas.
Plans compared
For each published Relume tier: who it actually fits, and what it adds vs. the previous tier. Cross-reference the cost calculator above for projected annual outlay.
Free
$0/mo
Ideal for
A solo designer or founder evaluating Relume on one real project before committing to a paid tier
What this tier adds
Starting tier: free forever with no card needed, 30 components, limited AI usage shared across all projects, and standard AI model and image generation
Pro
$14/mo billed monthly
Ideal for
Freelancers and agencies running client work who need the full component libraries and more generation headroom
What this tier adds
Adds full Webflow, Figma, and React libraries with unlimited projects, premium AI model and image generation, and monthly capacity starting at 1-2 websites, from $14/month billed monthly
Where the pricing makes sense
The company stage and team size where Relume's pricing actually pencils out — and where peers do it cheaper.
Relume sits at the low end of design tooling: Pro from $14/month billed monthly, cancel anytime, versus Framer or Webflow subscriptions that often run higher once you add seats. That price buys the structure phase, not a finished site — if you still pay a designer for production polish, budget that separately. It fits freelancers and small agencies comfortably; larger teams should check the monthly capacity tiers before standardising.
Setup time & first value
How long it actually takes to get something useful out of Relume — broken out by persona, not the marketing-page minute.
A freelancer or founder can go from brief to a first sitemap in one sitting, with wireframes following shortly after — call it an afternoon to something presentable. Agencies adding the MCP to Cursor, Claude, Windsurf, or VS Code should budget a short install-and-verify step before the library shows up correctly in the editor. Webflow and Figma export paths are the fastest to first output.
Switching to or from Relume
How to bring data in from common predecessors and how to get it back out — written for the switcher, not the buyer.
- →From blank-canvas wireframing: paste your brief and generate a sitemap, then adjust the structure rather than drawing each page.
- →From Figma-first concepting: generate wireframes and a style guide in Relume, then export the design system to Figma or Claude Design.
- →From Webflow Client-First hand-building: pull the 1,500+ Client-First Relume components instead of assembling sections manually.
- →From an AI chat workflow: install the Relume Library MCP so your editor pulls real components rather than invented ones.
- ↗To Figma: use the built-in export to move your generated structure and style guide into a Figma file.
- ↗To Webflow: export components and structure, then finish production design in Webflow using Client-First classes.
- ↗To Claude Design: push colors, typography, spacing, and components in one click without a Figma round-trip.
- ↗To React: take the 1,000+ Tailwind and Shadcn UI components into your codebase and build from there.
Integrations
Resources & Guides
Tutorials & Learning
YouTube returned 6 videos for “Relume”, and we withheld 6: 6 could not be judged, because “Relume” is a single word that other videos use for other things. We are showing none, because we could not prove any of them are about Relume.
Tools that pair well with Relume
Common stack mates teams adopt alongside Relume, with the specific reason each pairing earns its keep.
Framer
Framer is a website builder with canvas-native AI design agents that generate and refine your real site in place.
Uizard
Uizard turns text prompts, screenshots, and hand-drawn wireframes into editable multi-screen mockups and clickable prototypes.
Resleeve
One AI subscription to build, market, and run your business — apps, agents, image, video, and audio from a plain-English brief.
Alternatives to Relume
View allFrequently Asked Questions
Categories
Best-of guides
Topics
Used Relume? Help shape our editorial sentiment research.