Relume

Converts unstructured text descriptions of websites, companies, or projects into structured page hierarchies and sitemaps using LLM-based content understanding. The system infers logical page organization, navigation structure, and information architecture from natural language input without requiring manual specification of page relationships. Generation completes in seconds by processing the text through an AI model that maps business requirements to standard web page patterns (homepage, about, services, contact, etc.).

Converts a generated or imported sitemap into full-page wireframes by automatically selecting and arranging 1,000+ pre-built components from Relume's library. Each component is un-styled (layout-only) and populated with AI-generated placeholder copy. The system maps page types inferred from the sitemap to appropriate component combinations, generating layouts in approximately one minute per page. Components are available in three parallel implementations: Figma (with mobile variants), Webflow (built with Client-First methodology), and React (Tailwind CSS + Shadcn UI).

Implements a freemium pricing model with feature gates tied to project complexity and team size. Free tier (1 project, 1 sitemap, 1 wireframe page, 30 components, view-only sharing) serves as a proof-of-concept; Starter tier ($X/month, price not disclosed) unlocks multi-page wireframing (5 pages), unlimited AI usage, full component library (1,000+), and Webflow/React export; Pro tier ($X/month, price not disclosed) adds unlimited projects and wireframe pages; Team tier ($X/month, price not disclosed, minimum 3 users) adds simultaneous multi-user editing. Exact pricing is not disclosed on the website.

Automatically generates contextually appropriate placeholder copy for each wireframe section based on the page type, component context, and inferred business purpose. The system understands semantic meaning of sections (hero headlines, feature descriptions, CTAs, footer text) and generates copy that matches the expected tone and length for each component. Copy generation is unlimited on Starter+ plans but restricted on Free tier, enabling rapid content prototyping without manual writing.

Exports wireframes and components to three target formats via copy/paste or direct export mechanism: Figma (with mobile variants and full component library access), Webflow (built with Client-First methodology by Finsweet, production-ready), and React (Tailwind CSS + Shadcn UI components as code). Each export format uses the same underlying component library but with format-specific implementations, ensuring consistency across design and development tools. Exports are one-way (changes in Relume don't sync back to exported files) and require manual copy/paste or file import.

Generates a visual design system and style guide from wireframes, creating a unified design language that can be exported to Figma or Webflow. The Style Guide Builder (marked as 'New' feature) takes the un-styled wireframes and infers a cohesive design system including color palette, typography, spacing, and component variants. The generated style guide can then be applied to wireframes or exported to target tools for consistent styling across projects. Exact scope of generated design tokens is undocumented, but likely includes color, typography, and spacing systems.

Imports an existing website's structure by parsing a provided URL and extracting the site's page hierarchy, navigation, and information architecture. The system analyzes the target website's structure (mechanism unclear: likely web scraping, sitemap.xml parsing, or navigation menu extraction) and converts it into a Relume sitemap that can be used as a starting point for wireframing. This enables designers to reverse-engineer competitor sites or migrate existing websites into Relume's workflow without manual sitemap recreation.

Enables multiple team members to view, comment on, and collaborate on wireframes in real-time using a cloud-based workspace. Users can share projects with view-only access (Free tier) or view-and-comment access (Starter+ tiers), with real-time comment threads on specific wireframe sections. Team plan enables simultaneous editing by 3+ users with a shared workspace, supporting design review and stakeholder feedback workflows without requiring external tools like Figma comments or Slack.

Provides access to a curated library of 1,000+ pre-built, un-styled components available in Figma, Webflow, and React implementations. Users can manually select and arrange components from the library to customize wireframes beyond AI-generated layouts, or add new components to existing wireframes. The library includes common patterns (headers, hero sections, feature blocks, CTAs, footers, forms) with responsive variants and mobile-specific components. Free tier includes 30 components; Starter+ tiers unlock the full 1,000+ library.

Organizes wireframes and sitemaps into discrete projects, enabling users to manage multiple website designs within a single Relume account. Free tier allows 1 project; Starter tier allows 1 project; Pro tier allows unlimited projects. Each project contains a sitemap, wireframes, and associated components. Projects can be shared with team members (view-only on Free, view-and-comment on Starter+) and accessed from a project dashboard.

Automatically generates responsive layouts with pre-defined mobile variants for all components and wireframes. The system creates mobile-optimized versions of desktop layouts, handling breakpoint transitions and responsive behavior without requiring manual mobile design. Figma exports include mobile variants; Webflow exports include responsive CSS; React exports include Tailwind responsive classes. The specific breakpoints and responsive approach are undocumented but likely follow industry standards (mobile-first or desktop-first).

Relume is an AI-powered website design tool that generates complete sitemaps and wireframes from text descriptions, streamlining the design process for web developers and designers.