Tutorials
Relume's AI Site Builder is UNBELIEVABLE!

Relume's AI Site Builder is UNBELIEVABLE!

connor finlayson
Connor Finlayson
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!