How to create your website from zero using artificial intelligence

Let’s explain How to create a web page from scratch using artificial intelligenceso that you do not need to pile code or have to settle for the templates you find on the Internet. It is about creating a website simply expressing what you want to appear in it with a Prompt.

We are going to start the article with a series of tips and things that you must take into account before getting to work. Then, we will tell you how to do this process with conventional AIs such as Chatgpt, and we will end with a list of other services that you can also use, explaining its general operation.

Before starting, things to take into account

Before starting, you should have a few things into account and planned. To start, you must Define the objective of the webthinking if it is going to be a personal website, a blog, the website of a company or something else. This is the most important decision before throwing yourself into the design.

Secondly, you must have a design or the type of page you want it to be. For example, if it is a personal website it can be a kind of page to put links, or a blog, or a website that has a specific structure.

In fact, It is important to be clear about the structure and make a scheme with what you want. You should know what sections you will have, with the tabs as a start, services, blog or contact, in addition to any ortho section or button you want it to appear. This will guide the AI when making the design.

It is also important Know the public to which the web is directed. If it is a personal website, you must establish a tone, because these things determine the design you want to use, colors or structure.

You will need to have a domain and hosting To be able to host the web. AI can help you create a page to upload it, but where to host it will depend on you, and this is something you will have to study and investigate separately to decide the service that interests you most.

And finally, Check the AI results and are not afraid to rebuild it asking for corrections or do it from scratch. Notice that the texts are fine, and that all buttons and elements work properly. All AI can make mistakes, and it is convenient to meet them and repair them before uploading the website to the Internet.

Create a website using an AI like chatgpt

The first method to create a website is to use generative IAS from text, such as Chatgpt, COPILOT, Gemini, Deepseek or similar ones. But you don’t need to just enter and ask you to generate a website, because You can also do other things before They will help you.

To start, you can Ask him to make you a list of ideastelling you that you will create a website for a certain objective, and that it helps you with ideas to define the necessary style or sections. Even if you are not sure what kind of website do you want, you can tell your AI and ask you to recommend the best type of design for your needs.

Now, you have to ask the AI to generate the page for you. For that, you have to mention what language you want to usesuch as HTML, CSS, JavaScript or more advanced such as React or Next.js. Besides, you must describe every element you want to appear On the page whose code you will create.

You can start from a base like this:

“I want you to create a personal website, a personal link index such as Linktree. I want you to do it simple and in HTML, with the black background and the rectangular buttons in garnet. The title has to be” Yúbal Fernández “, and below there must be buttons for Facebook, Instagram and Bluesky. Under all make a contact button. That opens the sending of an email to the address” yubal@micorreo.com “

Here, this is just an example, The prompt will have to adapt it to your needs. However, you can see some notions of what you should do, starting with the description of the type of page you want to make, and the programming language you want to use. In my case it was HTML for the test, but you can use any other.

Then you have to Describe the elements you want to appearincluding if you want the colors you want to appear. In my case I have not included links, but you can describe what you want each button to do.

Once you have the code generated, if you click on it you will see A button to execute the code which will be present in most of AI. This will make a window open and the website is launched on it, so you can try how it works and the appearance.

Once you do the tests, You can ask the AI to make modificationschange concrete aspects of design. As all this you will do within the same conversation, it will be what you mean because it will take into account what you have spoken and what you have designed so far.

One thing you should keep in mind is that The code that creates an AI should only use it as a baseand you should always check it, because it is very possible that there are mistakes. In addition, then you can try to make hand modifications, such as adding or modifying some elements that you see that are missing.

Finally, Do not meet only with chatgpt and the most popular AI. My recommendation is that you also try with Claudebecause it is an alternative that is better optimized for the creation of code. In general, You can test in several AIand then stay with that whose results you like more.

Create your website with a specialized AI

There are other AI Better adapted and customized to design web pages You can use to create one for you. Most of them belong to hosting companies themselves, although there are also other less known third parties and also offer hosting that may interest you.

• WordPress Ia: WordPress is the platform to create more popular websites, and in addition to allowing you to use free it also has another website where you can hire accommodation and receive aid … including an AI that makes the website for you. You must have a user account to use it. Link: WordPress.com/es/creador-webs-ia.
• Ionos: This hosting service also has its own artificial intelligence, with which you will be able to create your website from scratch. Of course, just like the case of the previous one, you will need to be a client. Link: ionos.es.
• WIX Web Builder: This hosting service has a template system to create your website, and if they don’t convince you, it will allow you to create an artificial intelligence. Link: es.wix.com.
• Butternut AI: A websiter creator that you can start using free, and who has options to regenerate your entire website if necessary and make the changes you want. The web is free for 5 days, and then if you want to accommodate it you will have to go to one of the payment plans that start at $ 20 per month. Link: butternut.ai
• FRAMER: An excellent creator of web pages by AI, oriented to both personal and business websites. Its price starts at $ 5 per month including hosting, although you can try the creation of your free website. Link: FRAMER.com.
• Dora: A web pages creator that includes interactive elements such as 3D images. You can start using it for free, you are given several credits when you register, and then you will have to subscribe to a payment plan if you want accommodation with free domain, although it is not necessary. Link: Dora.run
• B12: This is a startup that has developed a specialized AI in creating your own website. You just have to write the prompt describing what you want and ready, it will be generated. Of course, you will need to register. Here, you will have a free basic plan, but then to have your own domain in your accommodation or remove ads you must pay. Link: B12.io.
• 10Web: Another service to use an AI trained to generate web pages, with a price that starts at $ 10 per month. Link: 10Web.io.
• Webwave: Another service that allows you to use an AI to create and publish your website, with an AI editor and a free plan to take your first steps. Link: Webwave.me.

The way to work on these pages It is usually very similar. First, you will have a field where you can write the prompt describing the design you want to have. In some cases suggestions may appear to include in your prompt. We have used Dora’s captures.

Once you write the prompt, then it depends on the platform you use. Normal is that You are shown a result preview To choose the one you like best, or in some cases even that you already go directly to this result.

And once done that, the service will take you to Your screen to edit each web element. The options and disposal of this screen depend on each service, but in Dora’s you can change all the letters, words, drawings or designs.

Here comes the irremediable manual part of the processbecause you will have to spend time to adapt your website to your needs. Then, the normal thing is that the service with which you are doing it has its own system to publish the online page.

In Xataka Basics | 22 useful and not so well -known free artificial intelligence tools