← All blog posts

🤯 Relume's AI Site Builder is UNBELIEVABLE!

Relume has once again taken things to the next level AGAIN. This time with their AI Site Builder tool that will allow you to turn a simple prompt into a sitemap and wireframes with AI generated copy in seconds.

August 11, 2023

Relume's new site builder tool is 🤯

Going from a website concept to a sitemap, and then to a multi-page wireframe with copy, used to take weeks. Now, it's 2 minutes, and here is how:

  1. Specify Your Website Concept: Describe what kind of site you want to build.
  2. Generate a Sitemap: Click and let Relume create your site's structure.
  3. Customize Your Sitemap: Tweak it to fit your vision.
  4. Create Wireframes and Copy: Watch Relume take over the design and writing.
  5. Finalize and Export: Make your adjustments and export to Figma or Webflow.

Interested in setting this up for you? Let's get into it...

Step 1: Specify Your Website Concept

So, you want to build a website. Great! But what's it going to be about? That's where you start.

Are you thinking about a travel blog, an online store, or maybe a portfolio? Whatever it is, you need to tell Relume.

Example: Let's say you're dreaming of a travel blog. You want to share hidden gems and travel tips. Just type that into Relume like this: "I want to create a travel blog that highlights off-the-beaten-path destinations and offers travel guides."

See what you did there? You gave Relume your idea, clear and simple.

Now, Relume knows what you want. It's ready to help you build it.

Exciting, isn't it? Let's keep going!

Step 2: Generate a Sitemap

You've got your idea. Now let's turn it into a plan.

What's a sitemap? Think of it as a blueprint for your website. It shows the different pages and how they link together.

With Relume, creating this blueprint is a breeze. Just click "Generate."

Remember that travel blog you want to create? Click, and bam! Relume maps it out for you. You'll see sections like "Home," "Destinations," "Travel Guides," and more. It's all there, ready for you to explore.

Not quite right? Want to add something? You can. Just tweak it until it's perfect.

See how easy that was? No more manual planning. In seconds, you have a complete structure.

Now, let's bring it to life with wireframes and web copy!

Step 3: Customize Your Sitemap

You've got your sitemap. It's good, but maybe it's not perfect yet. That's okay! You're in control.

You can move things around. Add a page here, remove one there. Make it just the way you want.

Maybe you want a special section for testimonials or a gallery of photos? Just click and add. It's that simple.

Your sitemap is like a puzzle, and you're putting the pieces together. It's fun, and you get to see your website take shape.

And the best part? It's all up to you. You decide what goes where.

Feel good about it? Great! Next, we're diving into something really cool: wireframes. Let's go!

Step 4: Create Wireframes and Generate Copy

This step is where the magic happens. You get to see your site's skeleton through wireframes.

Click a button, and Relume sketches it all out for you. It's like a fast-forward button for design.

And what about the words? Relume has you covered there too. It generates the copy for each section based on your instructions.

Want to swap out components for different sections? You can. Regenerate the copy by tweaking your instructions? You can do that too.

But what if you want to change a headline or add a personal touch to the text? You'll do that once you export to Figma or Webflow.

Right now, it's all about shaping your site and getting everything just right.

Feeling good? Let's move on to the final step!

Step 5: Finalize and Export

You've done it! Your website is shaped, your pages are sketched, and the words are in place. It's time to bring it to life.

Want to change headlines or fine-tune the text? Now's the time. Export your design to Figma or Webflow, and you can tweak every little detail.

Add colors, images, and all those special touches that make your site uniquely yours.

Remember when this used to take weeks? You've just done it in minutes. And you've done it your way.

Building a website used to be a lengthy process. With Relume, it's a breeze. Let's recap:

  1. Specify Your Website Concept: Define what you want to create.
  2. Generate a Sitemap: Click and let Relume map it out.
  3. Customize Your Sitemap: Make it just the way you want.
  4. Create Wireframes and Generate Copy: Sketch and write with a click.
  5. Finalize and Export: Bring it to life in Figma or Webflow.

Imagine doing all that in just minutes. Amazing, right?

Now it's your turn. Dive in and try it out. Whether you're a seasoned designer or just starting, Relume has something for you.

So grab your idea and make it real. With Relume, you can.

Happy building!

Use the code


Dive Deeper with the MVMP Pre-Launch course

Learn how to build your customer and supplier base before building your MVP Start building momentum for your marketplace by allowing customers to sign up to your site while you build your MVP.

Learn more →
Subscribe to the newsletter!

Get notified when I publish my next video or blog

😘 Got it!
Oops! Something went wrong while submitting the form.
🚀 Webflow Apps - Reviewing Webflow's Biggest Update This Year!

🚀 Webflow Apps - Reviewing Webflow's Biggest Update This Year!

Explore Webflow's revolutionary app updates and API changes that enhance design capabilities and user experience, featuring standout apps like Unsplash, Jasper AI, Finsweet Table, and Memberstack.

5 Essential AI Workflows for Your Business Without Coding

5 Essential AI Workflows for Your Business Without Coding

Glide has launched some awesome features that allow us to implement AI features into our Glide features. We explore 5 use cases that you can start implementing today even if you can't code.

🚀 6 Tips for Building Webflow Sites More Efficiently

🚀 6 Tips for Building Webflow Sites More Efficiently

Discover the secrets to enhancing your Webflow design process with these 6 essential tips! In this video, we'll walk you through time-saving techniques, productivity-boosting hacks, and valuable strategies to help you build Webflow sites more efficiently. From style guides to on-page optimization, these expertly-crafted tips will empower you to work smarter, create beautiful and responsive websites faster, and take your Webflow skills to new heights. Don't miss out on unlocking your full Webflow potential – tune in now to elevate your website-building experience!

Supercharge Your Webflow Landing Pages: Creating Custom Open Graph Images with Placid (Part 3)

Supercharge Your Webflow Landing Pages: Creating Custom Open Graph Images with Placid (Part 3)

Join us for the final installment of our series as we explore the creation of custom open graph images for each landing page. In Part 3, we'll use Placid to automatically generate visually appealing open graph images with custom screenshots and text. Enhance your website's social media presence and elevate your landing pages with these custom images. Complete your automation journey and unlock your website's full potential with this innovative workflow.

Supercharge Your Webflow Landing Pages: Automatically Updating Webflow CMS Items (Part 2)

Supercharge Your Webflow Landing Pages: Automatically Updating Webflow CMS Items (Part 2)

Continue your automation journey with Part 2 of our series! In this video, we'll guide you through setting up a workflow that automatically updates Webflow CMS items whenever any of your titles have been created or updated. We'll use Airtable Automations to trigger a make.com workflow that seamlessly updates your Webflow items. Streamline your website-building process and keep your landing pages up-to-date with this powerful workflow.

Supercharge Your Webflow Landing Pages: Automated Title Tags, Meta Descriptions, and More (Part 1)

Supercharge Your Webflow Landing Pages: Automated Title Tags, Meta Descriptions, and More (Part 1)

Discover how to optimize your landing pages with automated workflows! In Part 1, we'll explore how to use OpenAI's GPT-4 language model to automatically generate SEO-optimized Title Tags, Meta Descriptions, H1 and H2 headings for your landing pages. Enhance your website's search engine visibility and boost your SEO efforts with these powerful techniques.