Relume

What is Relume

Relume is a web-based AI tool that generates wireframes and sitemaps from natural-language prompts. You type a description of the page or site you need, and the tool produces a structured visual layout with sections, components, and hierarchy.

The output is editable, meaning you can rearrange blocks, swap components, and refine the structure before handing it off to a designer or developer. This makes it a bridge between ideation and production rather than a final design tool.

Key features

The core feature is prompt-to-wireframe generation. Enter a description such as 'a SaaS pricing page with three tiers and a comparison table' and Relume builds the layout automatically.

It also generates sitemaps, giving you a bird's-eye view of page relationships and navigation flow. The tool supports editing directly in the browser, so you can tweak sections without leaving the interface.

Export options let you move your wireframes into design tools like Figma, making it easy to hand off to a design team or continue refining in a more detailed environment.

Who it's for

Relume is built for UX designers and product designers who want to accelerate the early structuring phase of a project. It is also useful for developers who need a visual reference before writing code.

Freelancers and agencies can use it to present concepts to clients quickly. Product managers and founders benefit as well, since they can communicate page structure without needing design software skills.

Common use cases

One frequent use case is landing page wireframing. Marketers and designers can generate a first draft of a campaign page in minutes, then iterate on the structure before diving into visual design.

Another common scenario is sitemap planning for new websites. Relume helps teams map out page hierarchies and navigation paths before any design work begins, reducing rework later.

Teams also use it for concept exploration, generating multiple layout variations from slightly different prompts to compare approaches quickly.

Getting started & tips

To use Relume, visit the website and sign up for an account. You will be prompted to enter a description of the page or site you want to create. The more specific your prompt, the more relevant the output.

Start with a clear structure in mind—mention the type of page, key sections, and any specific components you need. After generation, review the wireframe, rearrange sections as needed, and export to your preferred design tool.

For best results, iterate on your prompts. If the first output misses a section, refine the description and regenerate. Treat Relume as a collaborative partner that accelerates your workflow rather than a replacement for design thinking.