Artificial Intelligence

How I Used AI to Build a Website Without Knowing Any Coding

Last year, I had a problem. I’d been freelancing as a content writer for about three years, and every client I pitched asked the same question: “Can I see your portfolio website?”

My answer was always some awkward version of “I’m working on it.” I wasn’t working on it. I had no idea how to build one.

I’d tried WordPress twice. Got lost in the theme settings both times. Tried watching YouTube tutorials for HTML and CSS โ€” fell asleep fifteen minutes in. Hired a developer through Fiverr once, spent $120, and got something that looked like it was made in 2009.

So when I started hearing about people building websites using AI tools, I was skeptical but desperate enough to try. What happened over the next few weeks genuinely surprised me โ€” and also humbled me more than I expected.


Where I Even Started

My first instinct was to Google “AI website builder” and just click the first result. That’s how I landed on a few tools I’d never heard of โ€” Wix ADI (their AI-powered setup), Framer AI, and something called Durable.

But before I even touched any of them, I did something that actually made the whole process smoother: I used Claude (the AI assistant) just to plan the website. I typed something like, “I’m a freelance content writer. What pages should my portfolio website have, and what should go on each one?”

What came back was genuinely useful โ€” not generic fluff. It suggested a Home page with a clear one-liner about what I do, a Portfolio page organized by content type, an About page that reads like a story rather than a resume, a Services page with pricing tiers, and a Contact page with a form and response time expectation.

That conversation alone saved me two weeks of overthinking.


The Tool I Actually Built With

The Tool I Actually Built With

After testing three platforms for about a day each, I settled on Framer AI for the actual build. My reasoning was pretty simple โ€” the output looked modern without me touching much, and I’d seen some designers on Twitter using it for real client work, not just toy projects.

Here’s roughly how the process went:

Step 1: Describe your site in plain English

Framer AI asks you to describe what you want. I typed something like: “A minimalist portfolio website for a freelance content writer. Clean, professional, dark-mode option, with sections for work samples, services, and a contact form.”

Within about 90 seconds, it generated a complete multi-page site. Was it perfect? No. Did it look like something I could actually show clients? Honestly, yes โ€” more than anything I’d produced before.

Step 2: Customize without touching code

This is where the AI side really shines. Instead of digging through CSS files, I could click on any element and describe what I wanted changed. “Make this heading bigger.” “Change this button color to something warmer.” “Move this section above the portfolio grid.”

Not everything worked perfectly. Sometimes the AI misunderstood what I wanted and I’d have to rephrase it two or three times. Once it completely rearranged a section in a way I hated and I had to undo several steps. But compare that to staring at a CSS file? No contest.

Step 3: Write the actual content with AI help

Here’s where I used Claude heavily again. I fed it notes about my freelance work โ€” the niches I covered, the types of clients I’d worked with, results I’d gotten โ€” and asked it to help me write the copy for each page.

I want to be honest here: I didn’t just copy-paste what it gave me. The first drafts were a bit too polished, almost stiff. I rewrote chunks of it to sound more like me โ€” added a joke I actually make in real conversations, changed some of the corporate-sounding phrases to something more casual.

The AI gave me structure and starting points. I gave it personality.

Step 4: The stuff I didn’t expect to matter

Okay, this one caught me off guard. Even with an AI-built site, there are things you still have to figure out yourself โ€” or at least learn quickly:

  • Custom domain setup: Framer walks you through it, but connecting a domain through Namecheap (where I bought mine) had a 20-minute delay and I panicked thinking I’d broken something. I hadn’t. Just needed to wait for DNS propagation.
  • SEO basics: AI-generated sites often have placeholder meta descriptions and title tags. I had to go through every page and write proper ones. I used another AI prompt to help โ€” something like, “Write an SEO meta description for a freelance content writer portfolio, under 155 characters” โ€” which was genuinely helpful.
  • Mobile responsiveness: Framer handled most of this automatically, but one section on my portfolio page looked terrible on phones. I had to manually adjust it, which meant learning just a tiny bit of Framer’s layout system. Not code, exactly, but still took me an afternoon.

The Mistakes I Made (So You Don’t Have To)

Mistake #1: Skipping the planning phase

The first version I built, I just dove straight into the tool without thinking through what I actually needed. I ended up with a beautifully designed site that had no clear message. A friend looked at it and asked, “Soโ€ฆ what do you actually do?” That stung. Spend 30 minutes with an AI just mapping out your goals, audience, and content before you build anything.

Mistake #2: Trusting the AI-generated copy completely

I published my first draft without reading it closely enough. A client pointed out that my “About” section sounded like it was describing three different people โ€” because I’d used different AI prompts at different times and stitched them together. Read everything out loud before it goes live.

Mistake #3: Ignoring site speed

I uploaded full-resolution images because I didn’t know any better. The site looked gorgeous but loaded in about six seconds on mobile. I used a free tool called Squoosh to compress everything, and the load time dropped to under two seconds. Little things like this matter for both users and Google.

Mistake #4: Thinking “done” was a destination

I thought once I launched, I was finished. Nope. Within the first month, I’d revised the homepage headline four times, added a testimonials section I’d forgotten about, and completely rewritten my Services page after a client told me the pricing structure was confusing.


What AI Can and Can’t Do Here

Let me be straight with you because I’ve seen a lot of breathless takes online that make this sound like magic.

AI tools genuinely can: generate decent-looking designs fast, help you write and refine copy, suggest site structure, handle repetitive formatting tasks, and make the whole process feel less intimidating.

What they can’t do: understand your specific brand and voice without your input, guarantee that what they build will convert visitors into clients, handle complex custom functionality (if you need a booking system with custom logic, for example, you’ll hit walls fast), or replace the judgment calls that come from actually knowing your audience.

The website I ended up with is good. Clients compliment it. I’ve gotten inquiries through the contact form from people who found me through Google โ€” which, honestly, I still find a little surreal.

But it’s good partly because I put real time and thought into it. I used AI as a very capable collaborator, not a replacement for thinking.


What I’d Tell Someone Starting Today

If you’re in the same position I was โ€” no coding knowledge, limited budget, a real need for a website โ€” here’s my honest advice:

Start by spending an hour with an AI assistant just talking through your website. What’s its purpose? Who’s it for? What do you want visitors to do? Get that clarity before you open any website builder.

Then try Framer AI if you want something that looks polished and modern. Try Durable if you want something genuinely fast with almost zero setup. Try Wix ADI if you want more hand-holding and don’t mind a slightly more template-y feel.

Don’t expect the first version to be the final version. Launch something imperfect, get real eyes on it, and improve from there. An 80% site that’s live is infinitely more useful than a 100% site that exists only in your head.

And when the AI gives you copy that sounds slightly robotic or too formal โ€” trust that instinct. Edit it. Make it yours.


The weirdest part of this whole experience? After building my site with AI tools, I actually got curious enough about how it all worked that I started learning a little HTML on the side. Not because I needed to, but because the mystery was gone. The thing I’d been afraid of for years turned out to be a lot more approachable once I’d already seen it from the outside.

That probably wasn’t what the AI tools intended to teach me, but it’s what I took away.

Mahesh Kumar

Mahesh Kumar is a tech enthusiast and the author behind MSR Technical, sharing updates on AI, gadgets, smartphones, automobiles, and the latest technology trends.

Leave a Reply

Your email address will not be published. Required fields are marked *