With Relume AI, you can go from idea to fully structured wireframes and visual concepts in minutes — no more starting from a blank canvas. Relume helps you generate clean, professional layouts that you can instantly customize using Style Guide feature.
But here’s the game-changer: thanks to the latest update, you can now publish entire websites directly through Figma Sites — without writing a single line of code. Figma Sites turns your Relume generated design into a live, responsive website with just a few clicks. That means faster client approvals, real-time publishing, and the power of Figma’s design system combined with Relume’s AI generation.
In this guide, I’ll walk you through everything you need to know to go from sitemap → wireframe → design → live site using Relume and Figma Sites. Let’s dive in! ✨
The first step to any great website is a well-structured sitemap that outlines its flow and hierarchy.
Option 1: Use Relume AI’s GPT Assistant
Head to ChatGPT > Explore GPTs and search for Relume AI Website Builder.
Launch the GPT and provide simple details about your website’s goals, target audience, and structure.
AI will generate a detailed sitemap for you in seconds.
Option 2: Go Straight to Relume.io
Open Relume.io and create a new project.
Manually add information about your work, add or remove pages, and ensure it aligns with your client’s needs.
