Relume AI Site Builder

Relume AI Site Builder

Relume AI Site Builder is a design acceleration tool that uses AI to streamline the early stages of web development. It allows designers and developers to generate a complete sitemap from a text prompt, which is then transformed into wireframes with real components and AI-generated copy. Users can also create visual style guides to lock in a design system. The platform integrates with a library of over 1000+ components for Figma, Webflow, and React, and can export designs directly into these tools or to AI-native environments like Claude Design via an MCP (Model Context Protocol).

Design & Creative
Visit website
Added on
Jul 9, 2026
AI SitemapsAI WireframesStyle Guides1000+ ComponentsFigma ExportWebflow ExportReact ExportClaude IntegrationAI Copywriting
Product information

Everything worth knowing about Relume AI Site Builder

The complete picture โ€” from everyday features to the technical detail builders and IT folks dig for.

Core features

What it actually does

AI Sitemap Generation
Generate a complete website sitemap with key pages and sections in seconds using natural language prompts.
AI Wireframing
Instantly convert sitemaps into structured wireframes with placeholder copy and real components from the library.
AI Style Guide Builder
Create on-brand design concepts (colors, typography, spacing) and apply a consistent design system across generated wireframes.
Multi-Platform Export
Export designs and components directly to Figma, Webflow, React (via copy-paste), and Claude Design.
Technical capabilities
Component Library Integration
Leverages a foundational library of 1000+ pre-built, responsive components (Figma, Webflow, React) as the building blocks for generated designs.
Must watch videos
Relume AI Builder Review (2026) - Honest Thoughts
21:42
Review21:42
Relume AI Builder Review (2026) - Honest Thoughts
Thank you @Relume_io for providing me the opportunity to review their services. You can check them our here: https://relume.io/?via=derek ๐Ÿ‘‰ Try Webflow: https://www.dereksiu.com.au/start-webflow ๐Ÿ“š My Courses: https://www.dereksiu.com.au/courses . // Timestamps 0:00 Intro & Example Websites 01:16 Relume.io history 2:24 Relume.io Overview 3:08 Webflow Library Components 4:34 AI Site Builder Walkthrough 5:06 Example Client Use 6:30 Using the AI Site Builder 10:50 Style Guide 16:00 Exporting to Figma & Webflow 20:00 Pros & Cons + Final Thoughts //Watch more content: Free Webflow tutorials โ†’ https://www.youtube.com/playlist?list=PLPm5KDlrbfTd8UQQ1FyP-mNlRzKatWMz_ Client Walkthroughs โ†’ https://youtube.com/playlist?list=PLPm5KDlrbfTdGP5PKx2Wc1RR_EHqpYMOu&si=aJOhzgKPQIeYbogU Ask Me Anything โ†’ https://youtube.com/playlist?list=PLPm5KDlrbfTcRfwku0-Bb8-yQEqS1V9rW&si=NDw_G1xG8NYvNs7T //Find Me Here: Website: https://www.dereksiu.com.au/ Fiverr: https://www.fiverr.com/dereksiu Linkedin: https://www.linkedin.com/in/dereksiu1/ // Helpful Links Record videos like this with Tella (20% off): https://refer.tella.com/derek Webflow Course: https://www.dereksiu.com.au/webflow-course Freelance Business Course: https://www.dereksiu.com.au/freelance-course Recommendations: https://www.dereksiu.com.au/recommendations Disclaimer: Some links are affiliate links, meaning I may earn a small commission at no extra cost to you. Thanks for supporting the channel! โœŒ๏ธ Peace be with you #RelumeAI #Webflow #WebflowTutorial #RelumeReview #RelumeBuilder #WebDesignAI #WebflowDesign #AIDesignTools #WebflowTips #WebflowForBeginners #WebflowDevelopment #RelumeAIFeatures #RelumeComponents #WebsiteBuilder #WebDesignTools #DesignAutomation #WebflowAgency #WebsiteDesign #Webflow2025 #AIWebDesign
The Ultimate AI Web Design Workflow: Relume + Figma Sites
13:22
Tutorial13:22
The Ultimate AI Web Design Workflow: Relume + Figma Sites
Try Relume โ†’ https://relume.io/?via=Griffin-Wooldridge In this video, I'm breaking down my full AI-powered web design workflow using Relume and Figma Sites โ€” from generating a sitemap and wireframes in Relume to building and publishing directly in Figma. If you're a web designer looking to cut your project time in half without sacrificing quality, this stack is a game changer. I'll show you exactly how these two tools work together so you can go from idea to real website faster than ever. #ad ๐Ÿ“ฉ Business: griffin@griffinwooldridge.com ๐ŸŒ https://www.griffinwooldridge.com/ ๐Ÿ”ฅ My top tools (some are affiliate links โ€“ thank you!): Anything โ€“ https://anything.link/griffin-wooldridge Mobbin โ€“ https://mobbin.com/griffin Granola โ€“ https://go.granola.ai/griffin-wooldridge #aitools #webdesign #webdevelopment #uiux
Relume's mind-blowing AI Site Builder: Crash Course
20:58
Tutorial20:58
Relume's mind-blowing AI Site Builder: Crash Course
Create a Relume Account here ๐Ÿ‘‰ https://library.relume.io/?via=ran Try Relumeโ€™s Site Builder ๐Ÿ‘‰ http://library.relume.io/site-builder ๐Ÿ”ฅLearn Webflow the FAST way with our full Webflow Masterclass course - https://bit.ly/3VQJFys ๐ŸŽจ FREE RESOURCES FOR DESIGNERS ๐Ÿ‘‰ https://bit.ly/3ILaIpR Hey, friends. In this video, I will give you a crash course on Relumeโ€™s new AI site builder, which, in my opinion, is just groundbreaking. Join me as we embark on a step-by-step journey from creating a site map to wireframing. Witness the seamless transition as we transform our wireframe into a visually stunning Figma design. Finally, we will bring our desing to life using Webflow. Get ready to unlock the full potential of AI in design! ๐Ÿฆพ ๐Ÿ“ฝ๏ธ CHAPTERS 00:00 - Intro 00:35 - What is Relume? 00:52 - Generating a Sitemap 04:16 - Generating a Wireframe 08:47 - Redesigning Wireframe in Figma 18:19 - Developing your design in Webflow Let me know in the comments what you think about this new tool? ๐Ÿ“ฑ Find us on SOCIAL MEDIA Ran's Instagram ๐Ÿ‘‰ https://www.instagram.com/ransegall/ Ran's X (Twitter) ๐Ÿ‘‰ https://twitter.com/ransegall Flux Academy's Instagram ๐Ÿ‘‰ https://www.instagram.com/flux.academy/ Flux Academy's TikTok ๐Ÿ‘‰ https://www.tiktok.com/@fluxacademy #webdesign #ai #relume #figma #webflow #freelancewebdesigner #webdesigner

Who uses it

Real use cases, no hype
Rapid Website Prototyping
Generate a full sitemap and wireframe structure from a simple text prompt in minutes.
Client Proposal Generation
Quickly create visual sitemaps and wireframes to scope projects and get client sign-off.
Design System Integration
Export a generated style guide and components directly into Figma, Webflow, or Claude Design.
Agency & Team Workflow
Collaborate on projects with commenting and share components within a team workspace.
Freelancer Efficiency
Accelerate solo projects from concept to exportable components without starting from scratch.
What's great
  • Fast AI-generated sitemaps and wireframes
  • Massive library of real, production-ready components
  • Seamless export to popular design/dev tools
  • Strong community and responsive support via Slack
Technical strengths
  • Native integration with Claude Design (Anthropic's MCP)
  • Built on Client-First (Webflow) and Tailwind/Shadcn (React) systems
Where it falls short
  • Browser limited; no Safari support for copying
  • Free tier is extremely limited (1 project, 1 page)
  • Requires Webflow/Figma knowledge for full value
Technical limitations
  • Proprietary library lock-in; components not portable
  • AI generation may lack deep customization and brand specificity
For technical folks

The deep-dive specs

Core Tech
AI-powered design workflow engine (non-specified LLM)
Component Frameworks
Figma (Client-First), Webflow (Client-First), React (Tailwind CSS, Shadcn UI)
Export Format
Native Figma/Webflow/React code, Claude Design system JSON
Integration Method
Copy-paste, MCP (Model Context Protocol) server for AI editors

FAQ

Includes technical Q&A
Yes, you can cancel easily from your profile page.

Traffic Insights

Monthly Visits

โ€”

July 2026

Growth Rate

+0.04%

vs last month

Dominance

0.48%

in Design & Creative

Top Country

โ€”

Top Countries

โ€”

Growth Trend

Steady

Consistent user growth over last 6 months.

Honest pricing

No sneaky tiers, no โ€œcontact salesโ€

Here's who each plan is actually for โ€” and where the hidden charges might hit.

Free
Free

New Designer or Developer

  • 1 project
  • 1 wireframe page
  • Share with read-only link
  • Export to Figma only
  • 30 Webflow components
  • 30 React components
  • 1000+ Figma components
Relume Starter
$18/mo

Part-time Freelancer

  • 1 project
  • 5 wireframe pages
  • Share with commenting
  • Access to Relume Library MCP
  • Export to Figma
  • Webflow & React
  • Export Design System to Claude
Relume Pro
Most picked
$40/mo

Full-time Freelancer

  • Unlimited projects
  • Unlimited wireframe pages
  • Share with commenting
  • Access to Relume Library MCP
  • Export to Figma
  • Webflow & React
  • Export Design System to Claude
Relume Team
$36/mo

Agency or Team

  • Everything in Pro
  • 3 users included
  • Team workspace
  • Branded sharing
  • Each user with Pro features
Reviews

What the internet actually thinks

Data refreshed weekly. No paid placements.

Trustpilot
Not reviewed yet
G2
G2
Not reviewed yet
C
Capterra
Not reviewed yet
Product Hunt
Not reviewed yet
COMMUNITY COMMENTS

Leave a Comment

Help others make informed decisions. Your honest feedback shapes the community's understanding of this tool.

Tips for commenting

  • โ€ขBe specific about features you used
  • โ€ขShare real use cases and results
  • โ€ขMention both pros and cons
  • โ€ขKeep it honest and constructive
Sign in to leave a comment

Your comment will be published after moderation

Filter by rating:
Sort by:

No comments yet

Be the first to share your experience with this tool.

Alternatives

Not quite the right fit?

Here's what else is out there.

Detail tags
Found via these searches
#AI#NoCode#Webflow#Figma#DesignSystem#Automation#Productivity