Turn your ideas into a live, professional website just by typing a few sentences.

Have you ever had a great idea for a business or a project, but felt stuck because building a website seemed way too hard? I’ve totally been there. Usually, you’d have to spend weeks learning complex design tools or pay a pro thousands of dollars to get something that looks decent.
But today, we’re going to use Framer AI to change that. It’s honestly like having a professional designer sitting right next to you. You tell the AI what you want in plain English, and it builds the layout, writes the text, and even picks the colors for you.
We’re going to go from a blank screen to a live website that you can share with the world in about 15 minutes. It's actually pretty fun to watch—ready to see how it works?
5 steps to complete this recipe
First, let's head over to framer.com in your browser. Right on the home page, you'll see a big button that says "Start with AI." Give that a click! This opens up a special area where everything happens. Don't worry about paying for anything right now—you can play around with the tool for free to see if you like what it creates.
If you're already logged in, just look for the 'Insert' menu at the top and click 'AI' to get to the same spot.
Now, we need to tell the AI what you're thinking. Think of it like you're texting a friend who is a professional designer. Tell it what your business does, who it's for, and the 'vibe' you want—like 'clean and professional' or 'bright and high-energy.' The more details you give, the better it can help you.
Create a SaaS landing page for an AI writing assistant. Mode...Try to mention specific things you need, like a section for customer reviews or a big button for people to sign up.
Once you hit enter, take your hands off the keyboard for a second. You’ll see the page literally building itself right in front of you! It’ll pick fonts, colors, and even write the headlines. Scroll through and see what you think. If a section doesn't look quite right, just click on it. You'll see a little AI icon—click that to ask the AI to try a different look for just that one part.
Not feeling the colors? Look for the 'Shuffle' button in the style panel on the right. Give it a click and the AI will swap the whole color palette for you instantly!
Okay, now let's make it official. To change any text, just double-click it and start typing your own words. If you have your own photos or a logo, you can just drag them from your computer and drop them right onto the page. It’s a lot like moving things around on a slide or in a Word document.
If you don't have photos yet, click the 'Assets' tab on the left. You can find thousands of high-quality, free photos to use right there.
You're almost there! Once you're happy with how everything looks, look for the blue button in the top right corner that says "Publish." Click that, and Framer will give you a free link that usually looks like 'your-name.framer.website.' Click that link, and just like that, your site is live for anyone to see!
Framer is smart—it automatically makes your site look great on phones and tablets, so you don't have to do any extra work for mobile users.
Ready-to-use prompts for this recipe
Create a SaaS landing page for an AI writing assistant. Modern, minimal design w...Tell the AI about your skills and past projects. Ask it to include a 'Gallery' section so you can show off photos of your best work to future clients.
If your product isn't ready yet, ask the AI to build a simple page with a big email signup box. It's a great way to build an audience before you even launch.
Describe your local shop or service. Ask the AI to include a 'Contact Us' section with a map and your business hours.
Help the community learn by sharing your own AI creation workflows. Your recipe could inspire thousands of creators.
Submit Your Recipe