Relume

Relume is a comprehensive AI-powered platform designed to revolutionize the website building workflow for designers, developers, and agencies. It dramatically accelerates the process by leveraging AI to handle the most time-consuming initial stages of web design. With Relume, users can go from a simple idea to a fully-realized sitemap, detailed wireframes, and a complete style guide in a fraction of the traditional time. The platform is built around a powerful component library and seamless integrations with industry-standard tools like Figma, Webflow, and React.

How to use Relume

Relume offers a streamlined, three-step workflow to take a project from concept to a design-ready state:

1. Prompt to Sitemap: Begin by describing your company or project in a few sentences. Relume's AI will instantly generate a logical and comprehensive sitemap, mapping out all the essential pages and sections your website needs. This eliminates hours of manual planning and ensures a solid structural foundation from the start.
2. Sitemap to Wireframe: With a single click, transform your generated sitemap into a complete set of wireframes. The AI populates these wireframes with un-styled components and relevant placeholder copy, providing an immediate first draft of your website's layout. You can then edit, add new components from the library, or use the AI to generate more specific copy.
3. Wireframes to Style Guide: Use the AI Style Guide Builder to define your project's visual identity. Generate complementary color palettes, find perfect typography pairings, and refine UI elements like buttons and forms. This feature allows you to create and visualize a complete design system that can be instantly applied and then exported.
4. Export to Your Favorite Tools: Once your wireframes and style guide are ready, you can seamlessly export your work. Relume allows you to copy and paste components directly into Figma, Webflow, or React, respecting your existing workflow and tools.

Core Features of Relume

• AI Site Builder: Generate sitemaps and wireframes from simple text prompts in seconds.
• AI Style Guide Builder: Create complete, on-brand design systems, including color palettes, typography, and UI elements.
• Extensive Component Library: Access over 1,000+ pre-built, responsive components for Figma, Webflow, and React (built with Tailwind CSS and Shadcn UI).
• AI Copywriting: Effortlessly generate placeholder or final copy for your wireframes and components.
• Seamless Integrations: Export designs and components directly to Figma, Webflow, and React.
• Cross-Team Collaboration: Share projects with team members and clients, leave comments, and streamline the approval process.
• Webflow Chrome Extension: Enhance your Webflow workflow with features like Class Sync to prevent class duplication and quick access to the component library.

Use Cases for Relume

Relume is ideal for a wide range of professionals and teams:

• Freelance Web Designers & Developers: Rapidly prototype and build websites for clients, reducing project timelines and increasing profitability. Quickly create concepts to win more projects.
• Digital Agencies: Standardize the initial design phase across projects, improve team collaboration, and deliver high-quality websites to clients faster than ever before.
• Product Managers & UX Designers: Quickly map out user flows and create wireframes for new features or products, facilitating better communication and faster iteration cycles.
• Startups & Businesses: Build a professional website in-house without extensive design resources, going from idea to a functional wireframe in minutes.

Advantages of Relume

Relume offers a significant competitive edge by focusing on empowerment and efficiency. Unlike other AI tools that produce generic templates, Relume provides a flexible, component-based system that keeps the user in control. Key advantages include a massive reduction in project time, improved consistency across designs, and a streamlined workflow that bridges the gap between design and development. The high-quality, pre-built components save countless hours of manual work and ensure a professional, responsive final product.

Pricing and Plans

Relume offers a freemium model with several tiers to suit different needs:

• Free Plan: Includes 1 project, 1 wireframe page, limited AI usage, and access to 30 Webflow & React components. Ideal for trying out the platform.
• Starter Plan: Designed for individuals, this plan offers 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 professionals, offering unlimited projects and wireframe pages, along with advanced features like component storage and private sharing.
• Team Plan: Built for agencies and larger teams, this plan includes all Pro features plus a dedicated team workspace for simultaneous collaboration. It requires a minimum of 3 users.

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