Skip to content
AITrendTool

Relume

AI web-design tool that generates sitemaps and wireframes and exports to Webflow, Figma, and React

Relume is an AI web-design tool whose AI Site Builder turns a short company description into a full sitemap, wireframes, and a style guide in minutes, populated with real components and generated copy rather than lorem ipsum. It pairs that with 1,000+ components across Webflow, Figma, and React libraries. A free tier covers one project; paid plans are Starter (~$26/mo), Pro (~$40/mo), and Team (~$36/seat). Best for designers and agencies who build in Webflow or Figma and want a faster planning stage.

Unverified JUL 5, 2026 FREEMIUM Live
Screenshot of Relume

What is Relume?

Relume is an AI web-design tool built around a simple premise: the slowest part of building a website is the planning, so automate that. Its AI Site Builder takes a short description of a company and generates a full sitemap, then wireframes for each page, then a style guide — in minutes rather than days. Crucially, the wireframes are filled with real components and generated placeholder copy instead of lorem ipsum, so what you get is a structured, editable starting point rather than an empty skeleton. From there you refine and export into your tool of choice.

The second half of Relume is its component libraries: more than 1,000 components maintained across three formats — Webflow (built on the Client-First methodology), Figma (with mobile variants, and free to use), and React (built with Tailwind CSS and Shadcn UI). Components copy-paste directly into Webflow, Figma, React, and HTML, and the product recently added a native Claude Design export and a Relume Library MCP that exposes the library to AI coding agents. A Style Guide Builder rounds it out by generating colors, typography, and design concepts. Relume does not host sites itself — it feeds the tools that do.

Who is it for?

Relume is aimed at people who design and build marketing websites for a living and want to compress the early, repetitive stages. It rewards familiarity with Webflow or Figma; because it exports into those tools rather than replacing them, its value depends on already working in that ecosystem. The free tier and Figma library are enough to try the workflow, but real project work runs into the one-project limit quickly.

  • Web-design agencies and freelancers who want to turn a client brief into a sitemap and wireframes fast, then build in Webflow.
  • Webflow developers who want a large, Client-First component library to assemble pages instead of building every section from scratch.
  • Product and UX designers who work in Figma and want AI-generated structure and copy as a starting point.
  • React teams that can use the Tailwind and Shadcn UI component library, exported straight into code.

How much does Relume cost?

Starting price: $26/mo · Free tier: yes · Model: freemium

Pricing verified JUL 5, 2026

Price history tracked from June 2026

Relume pricing tiers, verified against the official pricing page
Plan Price Includes
Free Free 1 user, 1 project, 1 wireframe page · 30 Webflow and 30 React components · 1,000+ Figma components (no mobile variants)
Starter $26/mo ~$18/mo billed annually · 5 wireframe pages · Full 1,000+ component libraries (all formats) · 7-day free trial
Pro $40/mo ~$24/mo billed annually · Unlimited projects and wireframe pages · Export to Figma, Webflow, React, and HTML · Class Sync and automations
Team $36/seat/mo 3-seat minimum · Shared team workspace and collaboration · All Pro features
Enterprise Custom Custom pricing for large teams · Priority support

What are Relume's key features?

  • AI Site Builder that outputs sitemap, wireframes, and style guide from a text prompt
  • 1,000+ components across Webflow (Client-First), Figma, and React (Tailwind + Shadcn UI)
  • Real generated copy in wireframes rather than lorem ipsum
  • Copy-paste export to Figma, Webflow, React, and HTML, plus a Claude Design export
  • Style Guide Builder for colors, typography, and design concepts
  • Relume Library MCP exposing components to AI coding agents

What people use Relume for

  1. 01 Generating a full sitemap, wireframes, and style guide from a short project brief
  2. 02 Assembling pages from a large component library instead of designing every section
  3. 03 Exporting wireframes and components into Webflow, Figma, React, or HTML
  4. 04 Producing placeholder copy alongside layouts to speed early-stage design

Pros and cons

Pros and cons of Relume
Pros Cons
Speeds the slow planning stage — sitemap to wireframes in minutes Webflow/ecosystem-centric: you typically still need a Webflow and/or Figma subscription to ship
Large, maintained component libraries for three major stacks (Webflow, Figma, React) The sitemap-to-wireframe-to-style-guide workflow and Client-First class system take time to learn
Exports cleanly into existing production tools rather than locking you in Hard project gating — Free and Starter allow only one project; unlimited requires Pro, and Team has a 3-seat minimum
Free Figma library and a 7-day trial on paid tiers lower the barrier to test

What are the best Relume alternatives?

See all Relume alternatives →

How people make money with Relume

  • Run a web-design agency that uses Relume's AI Site Builder to turn a client brief into sitemaps and wireframes in minutes, then assembles and ships the site in Webflow, billing per project
  • Sell productized landing-page packages where Relume's component libraries and style-guide builder let you deliver a consistent design system fast, charging a fixed rate per page

Frequently asked questions

Is Relume free?

Yes. Relume has a free tier that includes one project, one wireframe page, and about 30 Webflow and 30 React components, plus over 1,000 Figma components. Paid plans unlock the full component libraries and more wireframe pages, starting with Starter at about $26 per month (around $18 billed annually).

How much does Relume cost?

Relume's paid plans are Starter at about $26 per month, Pro at about $40, and Team at roughly $36 per seat with a three-seat minimum, with annual billing cutting roughly 30%. A free tier and custom Enterprise pricing bracket the range. Free and Starter allow one project; Pro unlocks unlimited projects.

What does Relume's AI Site Builder do?

Relume's AI Site Builder turns a short text description of a company into a full sitemap, then wireframes and a style guide, in minutes. The wireframes are populated with real components and generated placeholder copy rather than lorem ipsum, giving a structured starting point you refine and export to Webflow, Figma, or React.

Does Relume work with Webflow and Figma?

Yes. Relume's components copy-paste directly into Webflow, Figma, React, and HTML, and it added a native Claude Design export. The Webflow library is built on the Client-First methodology and the React library on Tailwind CSS and Shadcn UI, so output slots into common production stacks.

How is Relume different from Framer?

Framer is an all-in-one design and hosting platform, so you build and publish in one place. Relume does not host sites — it's a planning and component-assembly layer that exports into Webflow, Figma, or React, which you still need to ship. Relume centers on the sitemap-to-wireframe-to-style-guide flow.

How many components does Relume have?

Relume provides more than 1,000 components across three libraries: Webflow, Figma (including mobile variants and usable free), and React built with Tailwind CSS and Shadcn UI. The free tier caps this at around 30 Webflow and 30 React components; paid tiers unlock the full set for export.