What is Relume?
Relume is an AI-assisted planning and design system for marketing websites. A brief becomes a proposed sitemap; each page becomes a sequence of named sections; the section prompts generate responsive wireframes and draft copy; and a style guide applies colors, typography, spacing, and interface patterns across the project. The result can then move into Figma, Webflow, React, HTML, Claude Design, or an AI coding editor.
It is more accurate to call Relume a design accelerator than a finished website builder. Its own documentation says Design View gets a project most of the way to a visual direction but leaves exact spacing, custom animation, and pixel-level refinement to Figma or Webflow. It does not replace discovery, content strategy, a CMS, publishing, hosting, accessibility work, integration, performance optimization, or production QA.
Sitemap, wireframe, and style-guide workflow
The strongest part of Relume is the continuity between information architecture and page structure. Changing a sitemap section changes the linked wireframe, and its title and description serve as the AI prompt. Teams can regenerate copy, swap components, create pages, turn navigation or footers into global sections, preview responsive devices, and share links for client comments. Global sections become components after a supported Figma or Webflow import.
This is useful for scoping, but an AI sitemap is still a hypothesis. Verify user journeys, keyword intent, conversion paths, legal pages, account states, localization, content ownership, CMS collections, empty and error states, and governance. A generated section sequence can look complete while omitting the page a buyer actually needs.
Design View applies a style guide across pages for fast concepts. Treat it as a consistency tool, not a final accessibility or brand review. Generated colors may fail contrast, headings may not reflect semantic structure, mobile ordering can need revision, and repetitive library patterns can make unrelated brands converge. A designer should own the final system and document any departures from the exported tokens.
Figma, Webflow, React, Claude, and MCP handoff
The Figma plugin imports whole projects, pages, or sections and can synchronize variables with the current Relume Figma Kit. The Webflow app creates pages and sections, maps global sections to Webflow components, and works with Relume's Client-First style guide and Chrome extension. Class Sync tries to reuse same-named styles, but mismatched style-guide versions or spacing strategies can create duplicate classes and variables. Test imports in a disposable project before replacing existing pages.
React and HTML export expands the workflow beyond Webflow. The paid Relume Library MCP lets compatible AI editors retrieve real, editable React components by slug, vendoring files, primitives, Tailwind presets, and tokens into the project rather than returning an invented approximation. That improves determinism but does not make the code automatically accessible, secure, lightweight, or aligned with an existing architecture. Review dependencies, semantics, hydration, image handling, breakpoints, bundle size, tests, and license obligations.
Relume also offers a one-click design-system package for Claude Design. This can reduce visual drift, but it introduces another platform and another handoff to govern. Confirm which assets, logos, tokens, and client material are transferred and what the destination service does with them.
Current pricing and real total cost
The live USD page rendered on August 9, 2026 showed Free at $0. It included one project, one page, read-only sharing, Figma-only Site Builder export, 30 Webflow components, 30 React components, and the broader Figma component kit. Starter was $26 month-to-month or $18 per month with annual billing, with one project, five pages, commenting, paid export formats, the component libraries, MCP, and Claude Design export.
Pro was $58 monthly or $40 per month annually and removed project and page caps. Team was $52 monthly or $36 per person per month annually with a minimum of three people, adding Pro features per user, a Team workspace, and branded sharing. Taxes are excluded and subscriptions renew automatically. The terms provide a ten-day route to request a refund, though processing fees may affect the amount.
There is a documentation inconsistency worth noticing: the current plan cards offer a seven-day trial on paid tiers, while an older FAQ on the same page says a Pro trial is unavailable and discusses legacy Starter/Pro behavior. Verify the actual checkout before relying on a trial. Total cost also includes Figma, Webflow hosting, developers, CMS or infrastructure, integrations, and the labor to turn a wireframe into a production site.
Licensing, privacy, and client governance
Relume's license allows customers to create customized end products for their own and client projects and describes repeat use across projects. It prohibits redistributing components, reselling them as assets, providing them as an editable source library, or using them for a competing component product. Agencies should decide what editable deliverables a client receives and confirm that workflow against the current license, especially when transferring Figma libraries, React source, Webflow components, or account ownership.
The privacy policy covers identity, account, security, payment, browser, analytics, and interaction data. More importantly, it states that Relume may use certain customer data for AI training and model development, anonymizing or aggregating where feasible, and provides an opt-out in account settings. “Where feasible” is not the same as a contractual no-training promise. Opt out before adding confidential client briefs, and ask about project content, prompts, generated output, retention, deletion, model vendors, subprocessors, regions, access control, incident response, and a DPA.
Shared project links deserve their own rules. Set the minimum permission, avoid placing unreleased strategy or personal data in wireframes, remove stale client links, and verify whether deleted sections also remove their comments. Keep an external record of approved architecture and copy because comments attached to deleted sections can disappear.
Verdict
Relume can save substantial time when a team already knows how to finish a site in Figma, Webflow, or React. Its real value is not “AI builds a website,” but that sitemap, wireframe, copy, component selection, tokens, client comments, and implementation handoff use one coherent system.
It is a poor substitute for product strategy or production engineering. Test it on one representative client site, import into the exact downstream stack, measure cleanup time, review the component license and AI-training setting, and compare the annual subscription plus downstream tools against hours genuinely saved. The right metric is approved, maintainable pages—not the speed of the first wireframe.
