Relume

Relume is a revolutionary AI-powered platform designed to dramatically accelerate the website design and development workflow. It empowers freelancers, agencies, and in-house teams to move from initial concept to a fully-realized website with unprecedented speed and efficiency. By integrating AI into the core stages of web creation—sitemap generation, wireframing, copywriting, and style guide creation—Relume automates tedious tasks, allowing creators to focus on high-value strategic and creative work.

The platform's core is its AI Site Builder, which can generate a complete sitemap from a simple text description of a company or project. This foundational step, which often takes hours of manual planning, is completed in seconds. From there, with a single click, the sitemap is transformed into detailed, un-styled wireframes complete with AI-generated copy. This provides a solid, content-first structure for the website, facilitating early client feedback and approval.

Relume also features a massive component library with over 1,000 pre-built, responsive components. These components are available for Figma, Webflow, and React (built with Tailwind CSS and Shadcn UI), ensuring a seamless transition from design to development. This library respects existing workflows and integrates with the tools professionals already love, eliminating the need to build common elements from scratch.

How to use Relume

The workflow in Relume is designed to be intuitive and progressive, guiding users from idea to implementation:

1. Prompt to Sitemap: Start by entering a brief description of your project or company. Relume's AI will analyze the prompt and instantly generate a logical and comprehensive sitemap, outlining all the key pages needed for the website.
2. Sitemap to Wireframe: With the sitemap approved, convert it into wireframes with a single click. The AI assembles the pages using components from its library and populates them with relevant, placeholder copy.
3. AI Copywriting & Editing: Refine the website's content directly within the wireframes. Use the AI to generate or improve copy for any section, or manually edit the text to match your brand's voice.
4. Create a Style Guide: Use the AI Style Guide Builder to establish the visual direction. Generate color palettes, find typography pairings, and define UI element styles (buttons, forms, cards). The changes are instantly visualized on your homepage concept.
5. Collaborate and Iterate: Share the project with team members and clients to gather feedback. Use commenting features to streamline communication and get approvals faster.
6. Export to Your Favorite Tools: Once the wireframes and style guide are finalized, export the components and styles directly to Figma for high-fidelity design, Webflow for no-code development, or as React code for custom development.

Core Features of Relume

• AI Site Builder: Generate sitemaps and wireframes from text prompts in seconds.
• AI Style Guide Builder: Instantly create comprehensive design systems, including color palettes, typography, and UI elements.
• Extensive Component Library: Access over 1,000+ professionally designed and responsive components for Figma, Webflow, and React.
• AI Copywriting: Automatically generate placeholder and draft copy for all website sections.
• Seamless Export: One-click export of designs, components, and style guides to Figma, Webflow, and React.
• Team Collaboration: Share projects, leave comments, and manage feedback in a centralized workspace.
• Webflow Chrome Extension: Includes features like Class Sync to prevent duplicate classes and an SVG Icon Converter.

Use Cases for Relume

Relume is ideal for a wide range of web creation scenarios:

• Agencies and Freelancers: Rapidly create prototypes and wireframes to impress clients and win projects. Drastically reduce project timelines and increase profitability.
• Product Designers: Quickly build out user flows and wireframes for new features or products, and establish a consistent design system.
• Web Developers: Kickstart development with a solid foundation of pre-built, responsive React or Webflow components, saving hours of setup time.
• Startups and Marketers: Build and launch landing pages and marketing websites quickly without extensive design or development resources.

Advantages of Relume

Relume offers a significant competitive edge by focusing on efficiency and workflow integration. Its main advantages include a massive reduction in the time it takes to go from idea to a functional first draft, streamlined client approval processes with tangible visuals from day one, and enhanced consistency across design and development through its centralized style guide and component library. It empowers creators by handling the repetitive work, freeing them to focus on creativity and strategy.

Pricing and Plans

Relume operates on a freemium model, offering several tiers to suit different needs:

• Free Plan: Includes 1 project, 1 wireframe page, limited AI usage, and access to 30 components. Ideal for trying out the platform.
• Starter Plan: Designed for individuals, offering 1 project, 5 wireframe pages, unlimited AI usage, and full access to the 1,000+ component libraries for Figma, Webflow, and React.
• Pro Plan: Aimed at power users and freelancers, this plan includes unlimited projects, unlimited wireframe pages, and all features of the Starter plan.
• Team Plan: Built for agencies and larger teams, requiring a minimum of 3 users. It includes all Pro features plus a dedicated team workspace for seamless collaboration on projects.

A 7-day free trial is available for the Starter plan.