Try out more than 10 GenAI web design tools.

In the GPT-4 Developer Livestream conference on 2023/3/15, OpenAI showed GPT-4's multimodal function, at about 16 minutes in the video, It made an example of converting hand-drawn sketch into web pages.

Several months have passed, and the function of GPT-4 to recognize pictures is still not available, but this brain-opening demo has also brought many so-called AI web design services to the market.

A web design generally includes content strategy, visual design, front-end and back-end program develop, purchase of domain name, hosting and deploy it online...etc.
If it involves some system functions, then there is more to talk about .
Which of the above-mentioned problems have been solved by these services?

After the trial play, I found that the medicines sold in the gourd are roughly as follows:
– After inputting the prompt, the visual design is produced, which does not involve front-end and back-end web programming, and does not actually implement the web page.
– Enter industry and basic information, use AI The generated copy is placed in the existing template or the fixed editing area of the CMS, providing free space and free subdomains.
– Enter the requirements and generate a web page file (usually Landing Page or one-page format), without an online editor, you need to handle modification and publishing by yourself.
– There are all kinds of magical functions, but you have to waitlist or pay first, so I don’t know how it works in practice.

Try nearly 20 web design services touting generative AI capabilities below.
In order to show fairness, if there is an input prompt function, in principle, the same set of test prompts will be used.

1.Framer's Start with AI

Slogan:Start your dream site with AI. Zero code, maximum speed.
Link: https://www.framer.com/ai

Framer is an old company established in 2015. It mainly focuses on Prototyping of UI design.
At the beginning, it was a software that can only be used on MacOS. It changed several names in the middle, and then launched Framer Web version.

Some people say that Framer is the most difficult prototyping tool to use.
The amazing thing about this company is that it provides development docs for writing code!
It allows UI designers to make logical judgments Prototype, and more detailed animation,
Whether APP engineers or WEB engineers can directly use these codes is another matter...

AI features are also new in mid-June 2023. Framer Updates: Start with AI,
When creating a new page,
will see the Start With AI button (as shown below),
Then there is no special option, just enter a Prompt

Wait for a few minutes, and then you can see the design draft slowly running out,
One time will generate the same page in three different screen sizes (as shown below)

If you think the color scheme is too hot for your eyes?
You can press "shuffle" to randomly generate a new color scheme,
or press "Regenerate" on the right to regenerate a set,
It will replace all three pictures.

If you are only dissatisfied with one part, and the other parts are okay, there is no way to replace only a small area.

The photos are not generated by AI, but are referenced from other free stock photo websites,
So there will be no feeling of ghost photos like some tools in this article.
After trying several times, the preset will hard adjust the blending option, making the photo a strange color.

The home page is ready, what about other pages?
If you add a new page to the design draft on the left, you can also use the input prompt, and you will get a page with a completely different style from the home page.
Visitors who look at the webpage may find it very magical, why is every page different?

Because he can only generate the whole page at one time, and can't generate a small part separately,
so probably he can only cut and paste the parts that he thinks are okay.
There is no way to say that I draw half of the manuscript, and then ask AI Imitate the design logic on the screen, and complete the rest, even other pages,
because its function is called Start with AI, not Continue with AI, Redesign with AI, Edit with AI...

After editing, you can directly post it to Framer's web space.
If you want to see if the code is well maintained, you can click this linkhttps://discover-aircar.framer.ai/,
The free plan will have the software name Made in Framer, and the domain name is also a subdomain name linked to framer.ai, which cannot be customized.
Both the free plan and the $5 monthly plan limit the monthly traffic to 1GB, and the upper limit is 1000 visitors.

2.Uizard - Autodesigner

Slogan:Text to design, automated by AI
Slogan2:Use simple text to generate multi screen mockups for apps and websites with Autodesigner, the latest AI design innovation from Uizard.
Link: https://uizard.io/autodesigner/

Uizard was originally a UI design tool similar to Figma, founded in 2017. However, I haven't heard of anyone in Taiwan using it. According to the UXTools' 2022 UI Design Tools Survey, Uizard's market share is still far behind Figma and Adobe XD.

Uizard's pricing model is similar to Figma, based on a per-user subscription. It costs $12 per month, and the difference between the free and paid plans lies in project limitations and restricted access to private files. Additionally, Uizard has a variety of templates that are only available to paid users.

Converting JPG to design source files?

Although it may seem less well-known, it's still following the trend by introducing new features. For example, Uizard recently launched a feature that converts images into editable UI design files (Convert screenshots into editable UI designs).
UI design is different from graphic or purely visual design. Both app development and web design have their own specific units of measurement and considerations such as component reusability and global color schemes.
It's not surprising that software would provide optimized workflow features to address these issues.

While it sounds impressive, the actual usability is disappointing.
The text recognition in the design files often fails, and it can't even recognize Chinese characters, let alone apply the correct Chinese fonts. When it comes to separating components and layers, some special shapes, rounded corners, and shadows on web pages are difficult to separate correctly.
After the visual process, the export format is limited to PNG, JPG, and PDF, without actually generating web files.

Autodesigner

This is another new feature introduced by Uizard in 2023. Initially, there was a waiting list, but it has finally been made available. AI computation is very expensive, so this is a paid feature.
However, it was initially released with a free trial option for three times of usage. When using it, you need to input a prompt and select some default options (as shown in the figure below).

Wait a few minutes, and the design is ready...

The prompt writes that the brand color is red, and uizard automatically designs a webpage with a black background.
Provides 5 large screens at a time, including the home page, product list, search filter, product single page, and contact form page size screen.

Upon closer inspection of the homepage, the spacing between menu items is indeed quite interesting (as shown in the image). Additionally, the menu items and styles across the five screens are completely inconsistent. The AI-generated visual images for decorative purposes are also in an almost unusable state and need to be replaced manually. Since you initially selected the web option, the provided design is for the desktop web version. If you want to generate mobile screens, you'll end up with a completely different set of design drafts.

There is a feature to embed the design drafts into web pages for everyone to explore. It is in the form of a prototype display, where clicking on certain areas of the screen will bring up another simulated screen. If you can't see the screen, you can click on this link:

href="https://app.uizard.io/p/c6878443/embed">uizard sample

3.60sec.site

Slogan:Create site in 60 seconds with No-Code and AI
Slogan2:You don’t need special knowledge in marketing, design, or development to convert your visitors into customers.
Link: http://60sec.site

Slogan is very powerful, no special marketing, design, development knowledge and so on, come and see.

The homepage of the website is a prompt input box (as shown above), after a period of time, the webpage is generated

When you want to change the background image of the main visual, a paid upgrade button (as shown above) will appear.
This company puts the uploaded pictures in the paid function area. After all, the storage space and traffic of pictures need money, which seems to be justified.

The free version can only do one page.
There is also a direct provision of space and a free sub-domain name, of course you need to pay for a custom domain name
If you want to see the length of the webpage, you can click https://8f827908.60sec.site/.

Try it a few times, and then look at the cases on the website,
I found that the generated webpage is the same, it will always be those big blocks, and the places that can be edited are basically fixed,
The visual design is not as strong as other UI design tools introduced in this article.

Of course, I doubt that users who will use this kind of product will care about the "flexibility" abd "freedom"?
If you only want to achieve this level, it is better to use the free Google Business Site is just fine, guaranteed more features...

4.uncody

Slogan:Ready to Build the Ultimate Landing Page in Seconds with AI?
Link: https://uncody.com/

It provide a prompt guide when you enter prompt:

Prompt Guide
Welcome to the Prompt Guide! This guide will help you generate desired results for your landing page using our app.

1. Copywriting
To achieve better results, it is recommended to provide clear information about your brand name, mission, and a few key features in your prompt.
Example: Create a compelling landing page for a cutting-edge tech startup named lanceAI that offers AI-powered video,audio creation in seconds for businesses. Our features include High quality videos, fast processing and customizations.

2. Style
You have control over the style of your landing page. Choose from various themes like minimalistic, modern, or bold. Additionally, you can specify your preferred color and fonts.
Example: a minimalistic design agency that focuses on creative design, for website theme use pastel colors and stylish fonts.

3. Images
If you are not satisfied with the automatically generated images, you can specify the type of images you want. Provide details about the desired visuals to be included.
Example: a creative digital studio, showcasing images of artistic designs and innovative concepts.

4. Sections
You can define the desired sections and their styles in your prompt. This allows you to customize the layout and presentation of your landing page.
Example: A creative digital agency that highlights their work, testimonials, and collaborative clients. Our past work include working with some big names in the industry.

You can even provide detailed prompts for specific types of sections.
Example:A creative digital agency with a full-width parallax image hero section that effectively represents their brand.

The resulting web page and editing function look like this (as shown below)

It is almost close to the function of the lazy website I once dreamed of.
Focus on content, use various suitable blocks to arrange the corresponding content, and various blocks are finally combined into a web page.

Some website building tools claim "hunderds or thousands templates" they have. Most of them are not practical because they are purely based on quantity.
Want the elements of this set of templates, but change the color?
If you want a specific layout, do you have to change the whole site to that template first?
Just based on the good photos, it seems that you can choose a template and replace it with your own photos, and the style will change completely?
Anyway, the people who spend money are often not the same as the people who use them, and there will always be a generation gap.

The routine of this company is roughly to generate fake copywriting, put it in those functional blocks, and create a page out of it,
But if you are not satisfied, you can only regenerate the whole page, which is a little troublesome,
There is no single block regeneration function (some products introduced in this article have).
Of course, some people think that there are hundreds of sets of graphic blocks on the whole page, and it is a bit troublesome one by one. Some people think that other places have been improved, so why redo the whole thing? These are also two completely different functional directions.

Uncody also provides space directly and a free subdomain. The free version has a watermark, and a custom domain name needs to be paid separately.
If you want to see if the code is well maintained, you can click this link https://usertodaytest1.uncody.site/ 。

5.Canva's web design

The powerful Canva can not only make pictures, presentations, and videos, but also provide web design templates and publish web pages. The free plan can publish 5 websites, and will provide a free subdomain name ending in .my.canva.site.

In the 2023/3 Canva Create conference, some functions related to AI generation such as Text to Image were released,
But after a few months, most of them are still hanging Beta, not yet perfectly integrated into existing features.

While Microsoft Designer or Adobe Express and other new products that are called Canva killers appear, but it seems that it is still not in the air. I don’t know if the lack of competitors slows down the pace.

Canva does not provide functions such as prompt to design, prompt to code, img2html, etc. for the needs of web design,
But at least there are single picture editing or AI copywriting functions,
if this is not counted? Then a bunch of services in this article will also be removed.

For example, when modifying pictures, you can use some new functions of Magic Edit (as shown in the figure below),
But Text to Image is still in another independent area, and there is no way to use it directly here.

You can also select a text block and use Magic Write for copy generation.

When generating copywriting, you need to choose one by one.
Compared with some products introduced in this article, you can directly replace all copywriting in the first step. Canva may still be too troublesome for some lazy people.

In addition, there is an "Appointment" button on this template,
users can hyperlink the button to the IG small box, Google form,
or to another template with a completely different style picture.

But because Canva is not a service that specializes in making website systems,
If you want Canva to directly provide stores with a convenient online reservation management system?
Send text messages to notify consumers of reservations?
This is not it where the expertise lies.

How is RWD doing on the webpage created from the above template?
After the release, I browsed with the vertical screen of my mobile phone, but the entire screen was shrunk. There was no redesign, and there is still room for improvement.

6.Durable

Slogan:Build a website in 30 seconds with AI.
Slogan2:The AI website builder that generates an entire website with images and copy in seconds.
Link: https://durable.co

In the beginning, the operation method is to enter the company name in Create new business and select the industry.
There is no place for people to enter any design requirements, and a page will be generated directly.
There are key visuals, decorative images, some graphic blocks, a contact form, and more.

If you are not satisfied with a block, you can regenerate that block individually.
The copywriting is generated by AI, the pictures are pictures from the free gallery, and the typesetting is to place the text in the left, middle and right, etc.
With various permutations and combinations, it is easy to draw a strange whole.

It is also the operation mode of the block editor. Each block has a fixed editing field.
The block like the main visual is a picture with a fixed background, and the text in front can be adjusted to the left, center, or Keep to the right,
If you use it seriously, you want the picture not to block certain things in the photo. Some parts in the photo must be displayed, and the degree of control is quite limited.

Durable provides a 90-day free trial, but the free version only provides a temporary link that resets every day, and there is no way to easily release the demo website(This is a temporary link to view your website. A new link will be generated every 24 hours. Once you upgrade to a Durable plan, your website will be permanently available.)。

7.10Web – AI Website Builder

Slogan:Get a jumpstart on website creation.
Slogan2:Build or recreate any website in minutes with the power of AI.
Link: https://10web.io/

This company specializes in the WordPress system. It is necessary to enter the website name and select the location of the data center. The list of regions is placed on GCP.
After a long process, an empty WordPress site will be installed.
The operating functions listed on the website are basically what WordPress and some packages provide,
but it is not the background of the original WordPress, there is an additional customized website background, which is convenient for locking some functions.

Then connect to AI Builder and select the following content:
– select industry category
– select the style you like (choose 1 from 3 pictures)
– enter company name
– enter company profile, the number of words is too short, there is a reminder Get better results by inputting more detailed content: Mention your target audience, industry & how you are unique
– Enter main service content (3 main services/features you provide)
– Enter contact information
– Should the copywriting style be formal or relaxed?

There is no place to input design requirements like other companies. The setting process is quite lengthy, which seems to be very ritual?
This company asks people to fill it out first, and then the AI generates a few more pages based on what the user fills in.
This is very good to avoid that other companies automatically make up and produce useless copywriting in order to shorten the production process.

The final page is generated.
I made the homepage (the picture below is the first screen of the homepage), About, Service, Contact, but most of the content is empty when I click on it.

As in the step just now, there is a break-up of the service content
I fill in the titles of selling cars, repairing cars, and selling used cars, and then the system automatically modifies it into a professional-looking title for me, and breaks it three times The page comes out (as shown in the picture below),
every piece clicked in is a GPT-style irrigation and nonsense copywriting.

Because it is a English-based service, the nonsensical content and seemingly decent menu items are all in English. I can't choose the language before it writing.

There is also an interesting feature that can convert an existing website to WordPress (as shown below)

After a long wait, I finally got a running version.
The menu texts are all Page1, Page2,Page3... fake text, and only the homepage of the website,
It's a gimmick again.

Because it is a customized WordPress backend,
Compared with the original WordPress backend, some small things feel more friendly to ordinary users.
Added AI recreation when adding new pages function can be selected.

Because it is another customized WordPress backend,
So if you do not bind a credit card, some functions cannot be accessed, and the Post function cannot be found,
You must bind a credit card before you can start editing those fake information.

The monthly plan of $20 per month provides 25K Visits (counted as unique IP) and 10GB of storage space, and the next level is $48 per month.

8.Mixo

Slogan:Launch a startup in seconds with AI.
Slogan2:Have an idea for a startup, product or service? Our AI-powered builder helps entrepreneurs quickly launch and validate their business ideas.
Link: https://www.mixo.io/

It is also advertised that the AI-powered launcher will generate your entire website content,

In the first step, you only need to enter the prompt (as shown below), and you don’t need to choose any complicated options.

Then the web page is created (as shown in the picture below), with a main screen, 3 sections of service introduction, customer testimonials, collection list, and standard page content design.

Then press save, and you will start to enter the steps of registering a member and choosing a payment plan.

Afterwards, you can also create other pages. You can choose six types of pages, such as About Us, Pricing Page, etc., and you can also use the input prompt method, and then the system will generate content based on the established template.

No matter how you input the prompt of mixo, the resulting webpage will still look exactly the same.
It’s just that the photos, copywriting, and color system of the free stockphotos are replaced. Many products in this article follow this routine.
The flexibility of the online editor is also relatively low, there is no way to insert any content at any position, and it is impossible to reflect all kinds of unconstrained creativity.

This home contains web space and can directly publish websites.
The free plan will have mixo ads, and put the webpage under the subdirectory https://www.mixo.io/site/air-car-website-8o15m, let everyone Help with the content of the website www.mixo.io domain name is for SEO.

You can only use your own domain name with a paid plan, ranging from $9 to $39 a month, and the annual payment will be cheaper.

9.B12 - AI-Powered Website Builder

Slogan:Build your website in 60 seconds with the easiest AI website builder
Slogan2:Our AI-powered website builder instantly generates your client-ready online presence, with tools, content, and images specifically for your industry
Link: https://www.b12.io/ai-website-builder/

Before using it, you need to answer some questions, and then you will ask about the industry category,
and then choose one of the fixed simple styles,
and then choose the color, font (all English fonts), upload Own LOGO,
Finally, the web page will be generated.

At the beginning, I also asked about the goals the website wanted to achieve,
such as collecting customer contact information, displaying works, selling things, making appointments, etc.
Skillfully linking goals and system functions together,
The generated website will also have relevant system basic functions.
(somewhat similar to WIX's ADI)

(The one on the right is the operation interface for selecting an industry category, not just a large category, but also multi-level subdivisions)

The system will directly place the English copy generated by AI in a fixed position according to the industry category,

The website can be edited on their online platform and published after editing.
The free plan also provides a free subdomain ending in b12sites.com

If you want to remove ads and use some advanced features, you need to pay additionally.
The monthly payment for website functions is 42 US dollars a month.
Some other Client engagement function plans such as sending emails are It costs $29 per month.

10.Weblium

Slogan:The most effortless website builder
Slogan2:Create your website in the blink of an eye! No coding or designing skills needed.
Link:https://weblium.com/

At the beginning, you need to register as a member, and then ask whether you have ever done a website and what your occupation is.
Whatever you choose here will not affect the results later, it is more like a questionnaire for user analysis.

After that, it is time to select a template, and then enter the online editing interface.
Of course, AI writing is added where text needs to be entered,
Instead of breaking up the copywriting and putting it on the website directly according to the industry category, you have to generate it segment by segment.
Then there are various clicks that prompt "need to upgrade to Pro plan" such as custom code.
These are features that can only be used with paid upgrades.
The contact form filled out by the customer always shows "trial mode restriction" when received, and the information filled in by the user cannot be seen.

The free plan provides 500MB traffic, 100MB space, and a free subdomain ending in weblium.site.
Paid Pro version costs $15 per month, $99 per year.
It seems that there is no direct file download, and the content is tied to the platform.

Although the homepage claims to have AI Design Supervisor, but I can't find the relevant instructions, only see the free gallery material and AI The copywriting function of writing.
Therefore, if you enter prompts or requirements with the aforementioned companies, and then automatically generate copy + design or program code, only one landing page can be produced Or the routines of one-page web pages are different.
It is not AI real-time generation design, but closer to traditional template version logic.

This single template model of the whole site, the webpage looks decent, but it is full of fake words and pictures, the content is empty,
There are also various editorial practical design problems and technical problems that are commonplace.
Importing AI is more of a publicity stunt.

11.stunning.so

Slogan:Create a stunning website in 30 seconds!
Link:https://stunning.so/

When you enter the website, you will be stunned, thinking that you opened it in the wrong way?
Because the website first screen uses the same color system and ui layout as ChatGPT,
Users need to describe the website production requirements in the message window, the website name,
Then the system will list several small thumbnails and ask the person to choose one. (As shown below)

But there is no website name on the thumbnail, it seems that it is just a few randomly grabbed from the template library, not really generating the design in real time,
Then it will enter the registration step,

I don't know what will happen after that, because I can't receive the registration mail...

12.Landing AI

Slogan:Make beautiful websites in seconds
Slogan2:Explain your product, branding, and get a unique landing page with our generative AI
Link:https://landing-ai.com/

You need to choose an adjective (formal, humorous, unique...) when using it, and then several colors will be selected according to the adjective.
Then choose what the product theme is, why the customer wants to use the product, what language the copy should be written in...etc,

Finally, there are 3 prices ranging from $19 to $59.
The cheapest plan provides a web design, including 1 logo + 3 illustrations + copywriting.
It is worth mentioning that this is a one-time payment, not a subscription system.
Traditional thinking is to design a version of $19, and if you are not satisfied, you can continue to pay and draw cards...

After selecting, you will jump to the payment screen of Stripe.
It seems that I have to finish the payment before I can see what the webpage looks like, so I gave up at this point.
(Landing AI will donate 5% of your purchase to remove COâ‚‚. )

It is written that Export code and images are provided,
The following QA has written that React+Tailwind is used, so there should be a web file,
But it looks like there is no part of the CMS that handles domains, spaces, and subsequent edits.

13.Gamma - webpage

Slogan:A new medium for presenting ideas. Powered by AI.
Link: https://gamma.app/
Gamma is a presentation tool that was founded in 2020 and gained popularity in 2022 with its innovative features. In March 2023, it introduced AI-generated content, which further boosted its success.
There are 3 editing modes, presentation, document, and webpage, and this time we will use the webpage part.

The first step is to enter prompt, and then an outline in my language will be automatically generated, including company introduction, product line introduction, selected car model display, latest news and activities, contact us, frequently asked questions, sales base, you can Change or directly press the next step, the third step is to choose a theme color matching, and then watch the AI generate a piece of content on the spot.

The resulting webpage looks like this:

If you can't see it, you can click the link https://gamma.app/public/AirCar-sbw15hpuo8ef8k5

The web page is hung under the subdirectory of gamma.app, and does not support custom domain names. The official description Custom domains for web hosting | Gamma Help Center states that this is not possible yet. This means that it is not possible to host this page yourself Google Search Console and view SEO-related data, you can only view some basic browsing statistics from Analytics provided by Gamma,

Gamma provides functionality to export this "web page" in PPT or PDF format.

What? Putting PPT on OneDrive or using Google Slides to make a presentation, isn’t it the same as having a link to share with others?
As long as there are other websites linking to this presentation, can it be found on Google?

It depends on what is the definition of a webpage?
It seems like you're describing a situation where money is being paid to a web design company to create something that can be accessed by entering a URL in a web browser. The main focus is for the boss to enjoy it, without the need for content or ongoing management. If there is no business, blame the system, the designer, and the engineer.
Or prepare sufficient and rich content and use various strategies to reach potential online customers?

If turning a presentation into a webpage is regarded as "heresy",
it seems that Notion has a variety of useful templates,
then use Super.so or Notion for web put Notion’s well-typed information, plus a custom domain name,
search engines can easily find it, and it appears on the list of major beautiful notion site examples. Isn’t this a web page?

14.WIX - ADI

WIX, as a classic website Saas, was launched in 2016 WIX ADI (Artificial Design Intelligence), the setting and editing method of the ADI website is completely different from the original WIX editor. It is a simplified version. ADI A website can be converted to a WIX Editor website, but once converted it cannot be converted back.

When building an ADI website, you only need to answer some questions about website name, business type, required functions, color matching (as shown in the picture below), and then a set of website pages will be generated.

WIX will also be available in early 2023 WIX AI Text Creator, allowing editors to edit by business type and business name and prompt Generate headline or body copy. But there is no such function as some products introduced in this article, which directly write copywriting out of thin air, or generate visual design and AI drawing according to the prompt.

15.Dora AI

Slogan:One prompt, one powerful website
Link: https://www.dora.run/ai

It is also advertised as Text to Website, but it also has Generative 3D interaction and web page animation functions.
At present, the waitlist still needs to be arranged.

If he can demonstrate using his tools to create their homepage within a few minutes, I would be truly impressed.

16.STUDIO AI

Slogan:A New Era Calls for A New Design Tool.
Slogan2:The new age design tool with WebDesignAI inside.
Link:https://studio.design/

It seems to be the main input prompt, and WebDesignAI will generate something.
The waitlist needs to be queued, but it hasn't been queued yet.

17.Dreamsands

Slogan:Turn images to code in seconds
Slogan2:Dreamsands is the new image-to-code platform that lets you generate code from any image or screenshot, and use it in your own projects in seconds.
Link: https://dreamsands.io/

This is also a bizarre case. It used to focus on converting image design into code (dreamsands.io – Wayback Machine – 202305), and then you need to be on the invitation list...of course I didn't make it.

When I wrote this article, I went back to read it, and the original content completely disappeared.
Completely pivot into a project management tool, talking about user story, SCRUM, collaboration, Project dashboard.
Finally found that idea cannot be realized.

18.Webflow

Webflow is also a well-known foreign website Saas. It will be 10 years old in August this year. In recent years, it has also regarded NoCode as a slogan and kept shouting all day long.

For example, the following is to select a heading tag element in the editing interface, and the attribute setting panel will appear

(There are more setting in collpase area or tab panel, I pass it...)

For those who have learned web development, this interface must be very friendly.
CSS has at least 300 attributes to jump, but many CMS WYSIWYG For various reasons such as ease of use, the editor hides functions, and it is rare to have a slightly more complete one.

But you may also wonder, directly use the text editor to write web pages, with various functions such as emmet abbreviation, type pl50 to control the left margin of each element 50px,
Is it more efficient to edit attributes in this ultra-compact interface?

This is not the point, anyway, for the AI composition competition, Webflow is not far behind, and published a composition in 2023/4 Bringing the power of AI to Webflow, in addition to entering Prompt website building, various AI Writing, txt2img to generate image materials, and some functions that other companies do not have,
like the auto ALT text for images (Auto-generate image alt tags to improve accessibility), generate code with prompt (Generate code in the Custom Code editor based on a prompt), using prompt to generate objects (Generate new elements, components, and sections based on a text prompt) and so on.

However, after a few months, I still haven't seen these functions come online, so I'll wait and see...

Common Disadvantages of AI Standing Tools

After trying it out, I found that the function and the target customer group are not as expected.
Even the official website of each company's own products, none of them dare to say that they are directly generated by AI.

Here are some things to consider before using:

1. Mostly only have English interface, English font

These tools are foreign after all. Prompt can only read English, and most of the fake copywriting is in English.
Some have Chinese copywriting function, but they may be mixed Chinese and English copywriting, or simplified Chinese and Chinese language...

A lot of sites using off-the-shelf CMS, whether it is WordPress or any Saas, should have stepped on a minefield,
that is, the layout demo picture looks very beautiful,
but after the Chinese characters are typed, it becomes It doesn't seem so pretty.
Now this situation will continue to repeat itself.

The font structure of Chinese square characters is different from that of English.
How can we explain that Japanese characters look beautiful?
It may be difficult to see unfamiliar foreign characters as beautiful symbols. The way that understood things acquire "aesthetic familiarity"...

Chinese characters are born with a large number of characters, and the font files often jump up and down from 10MB. The common ones are always those few sets.
If you want Chinese characters on the webpage to look good, you can only make them into pictures, or pay for webfont .

2. It is best not to have too many pages

If you want to do a single-page Landing Page, a one-page webpage, etc., you can also try it.
If the website has several pages, the style may be completely inconsistent,
or as happened in the test, the header of each page Items and styles are different,
or templates without specific function pages, no matter how the prompt is written, it will not be able to generate it.

If you already have a complete visual plan or an old page, there is no way to throw the entire set of CIS or design system files into "let AI learn", and then use existing elements or transform the design language to create new designs.

Some partial system functions, such as reservations, shopping, payment, list collection, events, etc., still need special functions to handle, not just draw a picture and call it a day.

2. The layout is very repetitive?

Visual UI design is like running and swimming. Doesn’t it just do what you do?
If it is more functional, for example, a certain order page provides multiple payment methods, a pile of gold can be placed on the transaction page UI Logo of flow payment service When buttons, some only have one payment method, do not even need to make a drop-down menu, and even make it more simplified to improve the user's operational efficiency. There is a big difference in UI design between the two.

Some store-opening platforms (such as 91APP) with a unified and public version of the system screen, the websites of Xiaobei Department Store and Niuer NARUKO still look and feel different. Apart from the blank space, the product photos occupy the visual area of the layout. The winning point of the pile of e-commerce banner pictures is still in its own content.

If you just use the neutral pictures that can be seen everywhere on the free gallery network,
with empty and uninspiring boring copywriting,
what service content, service advantages, and core values do you have? can't write
I don't know what is the point of questioning the repetitive problem of design arrangement?

3. Image

Image elements are an important part of the vision.
Some products in this article use images from the Free Image Material Network, which are used by everyone and may collide with others.
Some use AI to generate pictures in real time, and it is easy to encounter flawed pictures that need to be adjusted again.

Then how do you edit photos?
The main function of these platforms is to turn the original from nothing from pictures to texts into a website full of fake materials.
Most of them are not specialized photo editing platforms,
Not good at only generating a single picture, image processing, and editing pictures

Customers who will use this tool for the website,
will have the ability to create video materials,
the computer is equipped with various commercial software for image processing or drawing,
familiar with the Internet What retouching tools are there,
Anyone who can easily replace pictures according to the layout size?

In the end, it may still be necessary for the user to be able to make the picture himself, or to be assisted by other tools. For example, the AI-generated product background image.

4. Do half part of the process

Some provide all-in-one services, from no information to website online, but you have to buy the website domain name yourself.
Some of them only produce design drafts, and then find a way to convert the pictures into HTML&CSS&JS, or even apply back-end programs.
Or to create a web page, you need to find a space and domain name yourself, and find a way to deploy it so that the web page can be browsed publicly.

In the normal web design workflow,
make the design draft into a web page, publish the web page on the Internet, and follow-up management and maintenance of the website,
every stage is a deep realm. A link may cause many controversies.
Customers feel that if they pay, they can ask to do anything.
The technicians are well aware that some needs are really well fulfilled. It is not uncommon for several digits of dollars to rise and fall, but it is just the cost structure of ordinary companies, which is completely unaffordable. So high-level project cost or service cost.

But after all, in a way, this is also an industry that relies on knowledge gaps and experience to make money.
Those who provide services will know where to save costs. Consumers will only know when they are in pain.

5.Lack of functionality

Some AI website design service platforms are limited to UI design or can only display simple content, or can only build a single-page website. These products may be a good fit for certain needs.
However, for those who need to do marketing design and various special functional requirements for the content suitable for their own products/services, most of these products cannot provide perfect solutions, and some even have no corresponding functions at all.

When choosing a website design service, you should fully understand your own needs, not only consider the visual appearance design, but also consider the functionality, system scalability and user experience of the website.
...This kind of copywriting can be seen on the official website of every web design company,
But for those who have no experience, how do they know what their needs are? Function Sexuality, scalability?

Maybe Some prople don’t know any tools that can easily meet some simple needs, and spend a lot of money to hire someone to build a website. It’s a fat sheep.
Or think that your needs are very simple, but just put Excel with thousands of rows, materials, photo albums... make them online, and make it easy to update, so that people can check them easily. The materials are all there, so it should be easy, right? Only to find that there are many problems.

I saw a discussion a while ago, someone sold things online, referring to the original copy of the Chinese factory, and was fined 0.6 millions in Taiwan (Rule 46 of the Medical Device Management Law stipulates that non-medical devices that are used to label or advertise medical efficacy shall be fined NT$600,000 to NT$25 million.), there is no one Dare to mention what "product copywriting uses AI will be easy, and you don’t need to spend money to ask someone to write it.” “Have you asked ChatGPT how to appeal first?”

"It should be easy to make XXX (it's not)
"It's so unscrupulous that this company is so expensive (where do other cheap manufacturers save costs)"
This kind of cognition and communication gap,
> Can only wait for people to realize it.

6. How long can a new venture live?

This kind of tool has been stored since a long time ago.
If you want to arrange the waitlist, just arrange it and try it out slowly.
Except for one product direction in this article that is completely pivoted,
Some are even more regrettable, has evaporated, this kind will not be released.

In some industries, the greater the quantity of raw materials ordered, the lower the average cost, (regardless of production capacity or storage issues)
But the Internet industry has an awkward nature,
When there are few users, it can be less expensive Rigorous, cost controllable,
When users continue to grow, many parts need to be continuously adjusted, upgraded and expanded, otherwise the online service will freeze and crash, who will use it?

In addition, as the number of users increases, more customer service personnel may need to be added, and
may also face more information security attacks.
This in turn makes the average cost per user higher.

Some of the few in this article are existing design software, website tools,
directly and authentically create new functions of these AI-generated content,
the rest are emerging from this wave of AI boom,
Most of them are free to register and use, and the fees are not particularly high.
How many users are there to support their operating costs? Would they resort to unethical practices?
It's very interesting to think about it.

However, the sustainability of such platforms relies on the continuous improvement of the tools and an increasing demand for website creation worldwide. Conversely, if the tools fail to become more user-friendly and remain limited in functionality, once the funds are depleted and the platform disappears, several issues may arise:

- Websites accumulated under subdomains attached to the platform may vanish along with their SEO-optimized content.
- Websites created using these tools may be trapped within the platform and unable to be extracted, or even if extracted, finding someone willing to maintain them can be challenging.
- Pages that previously ranked high on search engines may lose their rankings due to changes in paths or URLs during the reconstruction process, requiring additional efforts to rebuild SEO rankings unless specifically addressed.
- Attempting to download the entire webpage using traditional scraping tools may prove difficult, as some of these outdated tools struggle with modern web technologies, resulting in incomplete captures or blank pages. Even if downloaded successfully, the compressed JavaScript and CSS files pose challenges for developer to edit it.

For businesses or individuals who value the continuous existence of their websites, strive to maintain control and protect SEO rankings, relying on platforms with inherent risks and limitations may not be the optimal choice. They might need more reliable and sustainable solutions.

Furthermore, I have only explored the trial version's webpage creation feature, without delving into other aspects. For instance, I haven't thoroughly examined whether it's easy to add a LINE OA image link to the sidebar, embed GA4, GTM, or various tracking codes, or if the page structure might have any negative impact on SEO. There are also concerns about content being subject to platform review or inexplicably disabled, restrictions on some countries credit card payments, and the stability and speed of the servers.Can a URL posted on a social media display an enticing share excerpt?
These aspects are left for users to discover through their own experimentation.

What common web design needs can be solved by such AI tools?

The previous paragraph evaluates the issues with using this type of service and discusses the challenges in fulfilling certain workflows and requirements.

Website or UI design can also be influenced by company politics. For example, if a company previously outsourced the work successfully, but now someone thinks they can do it themselves with AI tools. It becomes a thankless task where success is attributed to others and blame is placed on whoever encounters problems.
No matter how useful these tools are, nobody would want to use them.

However, it's possible that there are harmonious and positive teams that strive for improvement. If there is a genuine need, there are several different approaches in practice. It's important to determine if the products mentioned in this article align with the given scenarios:

1. Have an existing website and need to modify content or make adjustments?

Is it possible to use prompts to modify web pages? For example, "erase the third point in the flowchart," "replace this year's certificates and financial reports," or "remove expired banners, products, and promotional information." Can AI automatically make these changes? It still requires waiting.

Currently, AI cannot understand images and mostly cannot break down such requirements into: finding text or image content that includes XXX, identifying what appears after clicking on a specific element, directly accessing files or emails on my computer to find where to place product images, adjusting photo size and color, and so on. However, human workers with very low monthly salaries can easily handle these tasks. Capitalists would still claim that the workers are not diligent enough or not efficient.

If technical consultation or management is needed, providing a 500 error message to AI won't help because AI lacks operational permissions. It can only provide some suggested steps but cannot directly fix the issue. In this type of requirement, the applicable scenarios are likely to be very limited.

Some tools have built-in CMS features that allow end-to-end content generation and deployment. However, this means starting from scratch on the platform, rather than having an existing website or file and simply pasting the URL, relying solely on AI for editing and management.

2. Have hand-drawn sketches or wireframes that need to be progressed to a higher level of completion?

In the industry, there's a classic saying, "We are ready; we just need an engineer." If someone has design drafts, can these tools create a real website based on them?

Unfortunately, most of the products mentioned in this article follow a similar pattern. They typically require users to input text prompts or break down industries and various requirements into several options, then generate a website or design based on that input.

Only uizard has a similar feature that allows feeding image data, so you may try your luck with that. However, that tool hasn't progressed to the stage of generating code.

Do you have highly completed design drafts that you want to convert into web pages that are user-friendly and can be comfortably accessed on computers, tablets, and mobile devices?

Many people have encountered the same pitfalls when using ready-made CMS platforms like WordPress, Wix, or other CMS or SaaS solutions. The editor may seem flexible to use, but once the layout is finalized, it becomes distorted when the window is resized.

Services claim to offer high flexibility and have an abundance of functional buttons, but when it comes to creating a seemingly simple web page with a nice-looking effect, it takes a long time to accomplish.

Some of the products mentioned in this article significantly reduce freedom to avoid practical issues such as page distortion or browser compatibility. Users must obediently follow the platform's prescribed steps and processes, and it's better to not indulge in wild and creative ideas.

There is a certain img2html tool that effortlessly produces perfect results. This implies that those who purchase online courses for learning are i____t, or it could be that the company owners who hire a bunch of engineers are i____t?

3.Have some document data and need to plan a web page based on the interpreted information

For example, there may be existing product specification data, ingredient lists, and product photos, but they lack proper descriptions. The goal is to feed the data to AI, and the AI, being well-versed in content marketing logic for the industry, will analyze the target audience and generate product Q&A, user testimonials, targeted copywriting, advantages of various products and services, assist in designing a logo, enhance photo quality, create product usage videos, and extract highlights from YouTube interview videos to compile into an image, and so on.

Unfortunately, as mentioned earlier, most of these services do not have the functionality to accept data inputs. Developing features that allow users to upload large amounts of data, call AI for analysis and organization, and similar functionalities would entail significant development costs.
Each seemingly small and straightforward requirement, such as analyzing important frames in videos, data analysis, and automatic photo retouching, has been featured in case studies shared by some BIG specialized companies. For an ordinary person to build such capabilities from scratch would be like deducing centuries-old physics laws during an exam.

4.Have no idea about the content and want to create a few versions first before deciding what to include on the web page

When you have nothing at all, is it reasonable to ask someone to create a few versions to see? After spending a long time making changes, do you end up reverting to the initial version? These are common issues discussed in related professional forums and are indeed the entry points for such new tools.

Once you have a preliminary idea, you can start adjusting and refining it. Will it eventually yield fruitful results, or will more problems arise during the refinement process? Whether satisfactory results can be achieved after using the tool depends on individual luck.

6. Already have an existing website and want to remake it

One of the products mentioned in this article allows you to input a website URL and convert it into their CMS's editing data format. However, the results are very disappointing as a large portion of the content is missing, and the imported elements are mostly misaligned and chaotic.

Currently, AI tools like these are unable to take a website URL as input, automatically determine what to keep and what to discard, and generate a perfectly remade website based on new requirements.

However, all these requirements that machines and AI cannot fulfill can easily be accomplished by real people. The frontline workers in web design companies not only understand the data from various industries but also search for relevant real-world information on search engines or social media platforms to incorporate into the websites.

7. Need visual design and web development skills, but it's not directly referred to as a website.

Clearly, this is not the battlefield for AI template robots.

epilogue

It's not very meaningful to write extensively about the pros and cons of these tools because everyone has their own standards. Sometimes, when you see a cheap price, suddenly all the drawbacks become acceptable.

For simple requirements like these, using template-based, quick website design solutions is considered a lucrative business in the information industry. Some systems integration (SI) companies hire a bunch of senior engineers and project managers to spend months working on systems for clients, having meetings all day long, with no end in sight.
On the other hand, template design companies lure clients in with prices ranging from a few thousand to tens of thousands, quickly finish the project, and collect the payment. If clients have higher-level requirements, they have to pay extra.

If the client can handle everything themselves, that's great! It means the web design company doesn't need to invest much manpower. Even if they create an empty website, they can still finish the project and collect annual fees.

Since it's a lucrative business, the low-cost template industry is highly competitive. As users become more sophisticated, it's easier to see through the tricks that companies are playing.

Will template-baesd web design companies be replaced by these AI tools? No product is perfect. That's all I have to say. I wish all business owners success in finding the web design service that suits them.