How to build a personal website for free using AI – even beginners can do it in 3 easy steps!

Lately, I've been seeing a lot of amazing things happening: like generating a poem recitation webpage from a single sentence, creating a 3D web game in 10 minutes, and so on.automaticOrganizing computer files and so on, it really appealed to me.

I've finally figured out some methods these past few days.

So theseHigh efficiencyDevelopment projects are all throughAIThis is achieved through [the means].

I successfully launched my personal website without writing a single line of code.

https://koi0101-max.github.io/web/

The whole process was verySimpleAll we need to do is type out our needs, and it doesn't cost a penny!

Let's recreate the entire process of building and deploying a personal website.

• EnoughintelligentThey must understand my instructions and work with quality.
• It needs to be cost-effective, preferably...freeuse.

Tongyi Lingma was recently launched.programmingintelligentbodyOne sentence can makeAIautomaticCall the tool and generate codeevenFinishProject Deployment.

After further investigation, it was discovered that Tongyi Lingma fully supports the Qwen3 series models, and is also completely...free!

This is my perfect development partner!

We search for Tongyi Lingma in the plugin store and install it directly. (It works in VS Code, JetBrains, and Visual Studio.)

In the past, when I wanted to create a website, just figuring out the layout and how to deploy it was enough to give me a headache.

Now with MCP, you can do it all in one sentence!

In the Tongyi Lingma conversation window, clickMCP tools.

ClickMCP Plaza.

Here is3000+ MCP toolsThere are options to choose from, catering to your various personalized needs.

These MCPs were used in this website development:

• Figma: Allows access to Figma files and save design drafts.fastTransform it into usable code.
• MiniMax: Supports generating audio, video, images, and cloning sounds.

We click the correspondingMCPThe install button on the right, Tongyi Lingma willautomaticInstall it for us.

At this point, we need to go to the official website of the corresponding tool to generate an API command or access token to complete the MCP configuration.

If this is your first time using the MCP tool, you will also need to...Install dependencies to ensure that the configured MCP can run normally.

For specific requirements, please refer to the official website's documentation or the MCP service details on the Moda community.

Once the page displays "connected," the configuration is successful.

We open the design template on the Figma website, select the design, right-click, and select Copy/Paste as > Copy link to selection from the pop-up menu.

Return to the Tongyi Lingma interface, and in the lower left corner of the chat box, select "intelligentbody"model.

In Tongyi LingmaintelligentbodyIn the mode,AIIt can independently understand and analyze requirements, and can also independently call multiple MCP tools to complete tasks.

Select the most recentopen sourceTop-tier modelsQwen3-thingkingLet them combine their strengths.

We paste the copied design link into the Tongyi Lingma chat box and enter our requirements, such as:

The template page in the comparison link has some minor adjustments, but the overall layout is still very good.

Moreover, it also reproduced the design draft.Interactive effects!

I'm so satisfied that this effect can be achieved with just one command!

However, this is still a bit far from being ready for direct deployment. Let's work together to optimize it.

We switch tointelligentQuestion and answer mode.

existintelligentIn question-and-answer mode, it answers our questions without making any modifications to the project files. This mode is well-suited for...AIGive us some inspiration and suggestions, or do some code analysis.

Let's ask directly:

I want to design this website as my personal blog. How can I optimize it?

It will carefully analyze my needs, summarize a concise yet specific solution, and provide code examples. Let's optimize the page layout first. Let's state our requirements directly:

The "Madelyn Torff" navigation bar is displayed on the far left of the page. The other three navigation options are displayed on the far right of the page.

We continued to refine the second screen page. The original images in the template were not displaying correctly, so we can directly generate several images to replace them.

So I continued to send the requirements:

Generate suitable cover images for each article on the second screen. Cartoon style. The first image shows a little girl coding at a computer. The second image displays various picture frames, and the third image shows a first-person perspective from a movie theater.

It handles problems by taking into account the context. After analyzing my needs, it called MiniMax MCP to generate the image.

It created a new folder called "images" to store the images and placed the images in the corresponding locations.

The process of building a website, adjusting it step by step, is like building with blocks.

For example, it can add 5 more cards to the second screen, dividing all the cards into 2 rows and arranging them neatly.

We continueAIThe tool information is filled in on the third screen.

The process involves first adding and arranging the cards, and then gradually filling in the content of the cards.

After adjusting the webpage to our desired state, we can try to make the website...freeDeployed to the Internet.

We'll create a new repository on GitHub and upload all the files from our website to this repository.

Click on Settings in the upper right corner of the page.

In the Pages options, check the option shown in the image below.

Click Save.

Refresh the page and you'll see the website link.

Everyone can access the website we just created through this link.

For a non-technical person like me, this whole process was not just about creating a website, but also about unlocking a whole set of skills.

AIIt is expanding the boundaries of everyone's capabilities.

Traditional development still requires too much specialized skill; ordinary people simply can't even get close. It takes at least a year and a half to even begin to understand it if you really want to learn.

With a new generation of Tongyi LingmaAIWith the help of development tools, ordinary people also have the opportunity to express their ideas.

Tongyi Lingma ProgrammingintelligentbodyThe integration with MCP is making "development" as natural as "speaking".

As long as you have ideas, you can achieve results.

The technological barrier is no longer a wall, but rather a foundation for infrastructure.

Programming languages are no longer shackles, but tools forged into our hands.

We are in a transitional phase—from a programmer-centric to a creative-centric world.

Not everyone needs to become an engineer, but tools like Tongyi Lingma make it possible for everyone to become a product creator.

What will the future hold? I don't know.

Perhaps we are not the kind of people who write the underlying engine, but we can use tools to build a world, stand on it, say a sentence, express an idea, and release a product.