Relume

Design, publish and export marketing sites from one component system

Intermediate

What is Relume?

Relume is an AI mistress tool that designs publish and export marketing sites from one component system. Relume is a marketing site platform built on a reusable component system, covering brief to sitemap, wireframe, design and launch, with publishing on Relume itself or export to Figma, Webflow and React.

Relume is a site building platform for marketing teams and agencies that want a finished, publishable website rather than a pile of disconnected page sections. It is built on a human-made component system that the company says sits behind more than 2 million websites, and that library is the raw material for everything the product produces. The workflow runs through a structured pipeline: brief, sitemap, wireframe, design, then publish or export, with a style guide that holds brand colors, fonts, typography, spacing, icons and buttons in one place so changes propagate across the build. In practice, a project starts from a brief and a site template, then moves through wireframes into styled pages assembled from library components. Each component exposes layout, styling and behaviour controls, including color schemes and animation settings, so teams can adjust a hero or carousel without leaving the editor. Collaboration is built in, with sharing and multiple collaborators visible on a project. This positions Relume between a pure AI page generator and a traditional site builder: the design intelligence is real, but the output is constrained to a curated component vocabulary rather than free-form generated markup. The platform offers two destinations for finished work. Publishing keeps hosting inside Relume, with a custom domain and SSL handled during launch, a global edge network for load times, DDoS protection, an uptime objective of 99.99 percent and automatic scaling for traffic spikes. Export sends the same system into Figma, Webflow or React through an MCP integration, which suits studios that hand off to developers or maintain existing stacks. It fits agencies producing client sites at volume, in-house marketing teams shipping landing pages, and designers who want a head start on structure before customizing. The free starting tier makes evaluation cheap, and the export path limits lock-in, though teams should check current plan details before committing.

How do you use Relume?

  1. 1Create a free account
    Sign up on the Relume site to open a workspace. The free starting tier is enough to explore the builder and template library before choosing a paid plan.
  2. 2Start from a template and write the brief
    Open a template project or begin fresh, then capture the brief. The build moves through sitemap and wireframe stages, so the structure is agreed before styling starts.
  3. 3Assemble pages in the builder
    Swap in library components, then adjust layout, color scheme, alignment, padding and animation from the side panel. The style guide panel manages brand colors, typography, icons and buttons in one place.
  4. 4Review the wireframe and design with collaborators
    Use the share controls to bring in teammates at the wireframe and design stages. Feedback lands before the site goes near a domain.
  5. 5Publish to a custom domain
    Choose Publish inside the project to go live. Relume handles the custom domain, SSL, CDN delivery and scaling, so no separate host is needed.
  6. 6Or export to Figma, Webflow or React
    If the site belongs in an existing stack, export the same component system through the MCP integration instead of hosting on Relume.

Pros and cons

Pros

  • End-to-end flow from brief and sitemap through wireframe and design to a live siteAI
  • Central style guide keeps colors, fonts, spacing and icons consistent across pagesAI
  • Two exit paths: hosted publishing on Relume or export to Figma, Webflow and ReactAI
  • Publishing includes custom domain, SSL, global CDN and automatic scalingAI
  • Collaboration and sharing are part of the editor, which suits agency and team workAI

Cons

  • Component-driven output can push sites toward recognizable shared layoutsAI
  • SOC 2 compliance is described as pending, which may block regulated buyersAI
  • Pricing tiers and what each plan unlocks are not spelled out on the homepageAI
  • Publishing and edge hosting features are useless to teams that only want design filesAI
  • Free starting point will not reveal how the platform handles large multi-page buildsAI

How much does Relume cost?

Free trial

Free to start is stated on the homepage, with a free signup route into the builder. No trial length or paid plan terms are given.

Learn more

Pricing

The homepage states the product is free to start, and a signup link carries yearly workspace plan parameters, which suggests subscription billing. Specific plan prices and feature limits are not listed on the homepage, so check the pricing page before committing.

Learn more

Support

No support channels, documentation links or service commitments beyond the uptime objective are described on the homepage.

Integrations

Export integrations for Figma, Webflow and React are described through the Relume MCP. No other third-party integrations are listed on the homepage.

Learn more

Features

Brief, sitemap, wireframe and design stages in one editor; a library of human-made components with layout, styling and animation controls; a central style guide for colors, fonts, spacing, icons and buttons; collaboration and sharing; hosted publishing with custom domain, SSL, global CDN, DDoS protection, a 99.99 percent uptime objective and auto-scaling; export to Figma, Webflow and React via MCP.

Learn more

Frequently asked questions about Relume

  • How much does Relume cost?
    The homepage states the product is free to start, and a signup link carries yearly workspace plan parameters, which suggests subscription billing. Specific plan prices and feature limits are not listed on the homepage, so check the pricing page before committing.
  • Does Relume offer a free trial?
    Free to start is stated on the homepage, with a free signup route into the builder. No trial length or paid plan terms are given.
  • How do you use Relume?
    The walkthrough on this page covers 6 steps: 1. Create a free account 2. Start from a template and write the brief 3. Assemble pages in the builder 4. Review the wireframe and design with collaborators 5. Publish to a custom domain 6. Or export to Figma, Webflow or React.
  • What platforms does Relume support?
    Relume is available on Web App.
  • What does Relume integrate with?
    Export integrations for Figma, Webflow and React are described through the Relume MCP. No other third-party integrations are listed on the homepage.
  • What are the limitations of Relume?
    Component-driven output can push sites toward recognizable shared layouts. SOC 2 compliance is described as pending, which may block regulated buyers. Pricing tiers and what each plan unlocks are not spelled out on the homepage.