Relume

What it's good for

• 1

  Generating a full sitemap from a client brief in minutes

• 2

  Turning that sitemap into wireframes built from real components

• 3

  Exporting to Webflow or Figma to finish a build in your own tool

• 4

  Giving a web shop a fast, structured starting point on new projects

• 5

  Aligning a client on structure before design work begins

Pricing

• Free

  AI sitemap, ~30 components, 1 project, 1 page

  Free

• Starter

  More components and projects

  $26/mo

• Pro

  Higher limits and features

  Higher

• Team

  Adds React and HTML export

  3-user min

How to use it

Write a plain-language brief describing the site and let Relume generate the sitemap. Review and adjust the structure, then click through to wireframes built from real components with placeholder copy. Export to Figma or Webflow (or React and HTML on the Team tier) and finish the build in your own tool. Treat the generated copy as a draft and run a brand-voice pass before launch.

Pros & cons

Frequently asked questions

• Is Relume free?

  Yes, there is a free tier that covers AI sitemap generation, about 30 components, one project, and one wireframe page, enough to feel out the flow. Paid plans start around $26 a month for Starter, with a higher Pro tier, and a Team plan (three-user minimum) that adds React and HTML export. Annual billing saves about 15 percent.

• Relume vs Framer AI: which should I pick?

  Framer AI builds and hosts a live site directly. Relume works one step earlier: it generates the sitemap and wireframes from a brief, then exports to Figma, Webflow, React, or HTML so you finish the build in your own tool. Pick Framer to publish fast; pick Relume when you want a structured starting point inside an existing agency workflow.

• What is Relume best for?

  Web shops and agencies that want to compress the early build phase. You describe the site, Relume produces a sitemap, then wireframes assembled from real components with placeholder copy, and you export to Figma or Webflow to keep going. The sitemap-to-wireframe-to-export flow is where it saves the most time.

• What can Relume export to?

  Figma, Webflow, React, and HTML. React and HTML export sit on the Team tier (three-user minimum), while Figma and Webflow export are available lower down. That range is what makes it fit into different build stacks rather than locking you into one.

• Does Relume write the copy too?

  It fills wireframes with placeholder copy so the layout reads as a real page, and it has AI copywriting to draft passes you refine. Treat the generated text as a starting draft to edit for brand voice, not finished copy.

More

• Relume AI site builder
• Relume component library

Alternatives to Relume

Other tools we'd consider for the same job.

• Framer AI

  Prompt-to-website with real layout primitives. The generated result is editable in Framer's visual editor

• Magic Patterns

  Prompt-to-UI that outputs React, Vue, or Tailwind matching your design system. A design tool that ships real code

• v0 by Vercel

  Generate React / Next.js UIs from a prompt. Outputs production-ready shadcn-style components you can copy straight into a repo

Other Design tools

• Magic Patterns

  Prompt-to-UI that outputs React, Vue, or Tailwind matching your design system. A design tool that ships real code

• Gamma

  Generate decks, docs, and webpages from a prompt. Refreshingly not-a-slide-template aesthetic — feels designed, not assembled

• Framer AI

  Prompt-to-website with real layout primitives. The generated result is editable in Framer's visual editor