Relume

Relume is the tool for the part of a website project that comes before the pretty part. You write a brief, and it produces a sitemap, then wireframes for every page in it, then a style guide, then a designed marketing site. Relume's own summary is blunt about the scope: "Start with a brief. Relume builds the sitemap, wireframes, and a marketing site you'd actually publish."

The design decision that makes it useful is what it does not do. Relume states that its AI "selects from components our designers built and maintain, then assembles them into your site" rather than generating raw code. You get variation in structure and content, not in quality, which is the opposite trade-off from a general prompt-to-code tool and the right one when a client is paying for a site next week.

Highlights

• Brief to sitemap to wireframes. The full information-architecture pass, generated in minutes, which is the stage most site projects lose a week to.
• A style guide, not just screens. Colors, typography, and spacing tokens generated alongside the layouts, so the wireframes have somewhere to inherit from.
• Three real exports. Figma with editable auto layout, real variables, and variants; Webflow with client-first classes; React with Tailwind CSS and shadcn/ui.
• A component library, not a model. More than 1,000 responsive components, with new ones released on the first Monday of every month. A free Figma kit with 700 or more components is available separately.
• MCP library. The full Relume library inside an AI editor, which is the bridge between the component set and an agent writing the code.
• Specialist agents that propose. Relume describes agents for strategy, copy, design, and analytics with a clear stance: they propose, you decide.
• Hosting if you want it. Publish onto an edge network with SSL, DDoS protection, and a 99.99 percent uptime claim, on a relume.live subdomain or a custom domain.

In a designer's workflow

Relume is at its best as the structure pass in front of your real design work, not as the final tool. The brief is the leverage point: a vague brief produces a generic sitemap, and a specific one produces something you can argue with.

Brief: B2B onboarding software for hospital HR teams.
Audience: HR directors at 200-2,000 bed hospitals, plus IT security.
Must-have pages: security and compliance, integrations with three
named HRIS systems, ROI calculator, implementation timeline, pricing
with a "talk to sales" path only. No blog. No careers page.

Generate the sitemap, delete the third of it you do not want, then let it wireframe what is left. Export to Figma when the visual design is yours to do, to Webflow when the client's site lives there, or to React when a coding agent will take it the rest of the way. The maintain a design system with Claude Code guide covers keeping the exported React in line with your tokens afterward.

Good to know

Relume is browser-only, and relume.io now redirects to relume.ai. One practical limit: copying components from the Relume Library is not supported in Safari, only Chrome, Firefox, and Edge.

Pricing splits in two, as of September 2026. Building and publishing runs from a free tier to a Pro plan from 14 dollars a month, with custom-domain hosting from 12 dollars per project a month; the free tier publishes to a relume.live subdomain with 1,500 monthly page views, 20 form submissions, a 7-day analytics window, and a permanent Relume badge. The component library and exports run separately: free, Starter from 18 dollars a month, Pro from 40 dollars a month, Team from 36 dollars a month with a three-user minimum, and Enterprise on custom pricing with volume AI usage. The free library tier gives 30 Webflow and 30 React components against 1,000 or more on paid tiers.

Where it sits: Framer is the closer comparison for teams that want one tool from prompt to published site and are happy for the site to live on Framer's platform. Relume is the choice when the output has to leave, whether into Figma, a Webflow project a client already owns, or a React codebase. For the wider set, see best AI tools for designers in 2026 and the Claude Design guide.