前阵子Chat GPT 4o 发布后,又再一次让大众惊叹AI 能到做的事真的越来越广泛。
而我自己也持续在关注AI 网站生成的部分有没有更好用、更强大的工具。
经过一番研究、测试以及筛选后,对于AI 生成网站的能力感到蛮惊喜的。
本篇文章将与你分享6 个透过回答简单的问题或是输入一段对于网站需求的描述,就能生成网站的AI 架站平台。
话不多说,赶快进入主题吧~
AI 网站生成平台比较表

Framer AI

Framer 目前是我仅次于Webflow 第二喜欢的架站平台,熟悉Figma 操作的设计师对于Framer 真的可以无痛上手,介面操作都很像,排版完成等于网页完成的设计很棒。
首先按照下图红框的流程就可以找到Framer AI 生成的功能。

Framer AI 网站生成的方式需要输入一段描述,栏位内也有建议的提示内容,我是请Chat GPT 帮我生成,主要是制作摄影师网站。

不知道要输入什么的朋友,可以用我的提示词玩玩看啰~
Create a website named “[Your Name] Photography” with a minimalist design theme. The homepage should feature a fullscreen, high-quality photo with a brief introduction. Include a fixed navigation bar with links to Home, Portfolio, Services, Testimonials, and Contact Us.
For the Portfolio section, categorize photos into Wedding Photography, Portrait Photography, and Landscape Photography. Each category should display multiple selected photos with short descriptions or background stories.
The Services page should detail your photography services, including pricing packages and additional services like photo editing and album creation. Provide a simple booking form or contact method.
The Testimonials page should showcase feedback and recommendations from past clients, along with their photos.
The About Us page should introduce your photography experience, style, and philosophy, accompanied by a professional photo of yourself. Include a short video introduction to add a personal touch.
The Contact Us page should offer multiple contact methods, including a contact form, email, and phone number. Add social media links to allow users to follow your work on other platforms.
Optimize the website content and image tags with keywords such as “photography services,” “wedding photography,” and “professional photographer” for SEO.
AI 生成结果如下图,我觉得还行,颜色可以自己调配不同的风格,不过可以多生成几次试试,因为我第一次的生成结果颇丑的。

Framer 的操作我觉得算是蛮好上手的,元件的调整细项都在右侧栏,它的排版逻辑是Auto layout 的概念,所以很适合擅长FIgma 的设计师玩玩看。
Wix AI

Wix AI 在提问问题的过程中让我蛮惊艳的,有种真的像在跟窗口沟通的感觉,一方面是因为它可以用中文沟通,另一方面则是因为它的回覆不是制式的,测试几次发现回答都会有点不同。
Wix AI 的生成方式是用聊天的方式回答AI 问题,它会根据你的回答生成网站,可以用中文回覆,这边我是用英文来做测试。
它的问答包含品牌名称、对于品牌业务的描述、品牌针对的客户群以及网站的目的为何等等。

生成完成后,它会产出一段网站的简介,就好像窗口要交件时在跟你解说网站的功能有哪些一样,AI 网站生成的过程感受蛮不错的。
下图就是我重新生成后的视觉,觉得满意的话就可以选择此设计,进一步到页面编辑器做调整啰~

网站生成后连动态呈现方式也会一并完成,这点蛮不错的~
Wix 也是可以免费使用的,只是会有浮水印,且只能用Wix 的子网域做为网站网址,想要移除或自订网域的话就可以考虑付费升级啰。
Jimdo

Jimdo 的AI 生成方式也是透过问问题的方式做引导,就像在填问卷一样,问题包含网站目的、网站类别、网站的主要服务、网站风格以及配色等等。
这题就是在问你的网站是个人网站还是有商业目的的网站,也有其他选项可以选择。

接着选择你的网站类别以及网站的服务,决定网站的风格及配色,确认网站的内容架构有哪些,像是关于我、作品集或是服务项目等等。

最后一步会让你二选一生成的网站,这样AI 就生成完成啰~

Jimdo 在AI 的生成过程中,问题的提问都是蛮好选择的,就好像真的在问客户问题一样,而生成的结果我觉得是中规中矩,而Jimdo 也有提供免费方案可以使用。
10web

10web 能够将非WordPress 的网站运用AI 技术搬到WordPress 架构的平台,也可以将其他WP 网站搬到10web 来代管。
10web 的AI 网站生成方式会搭配选择题跟输入描述来判断你的需求,首先选择你的网站类别。

接着会根据你输入的描述把网站的内容架构列出来,接着就会自动开始生成啰~
网站生成结果如下,生成的视觉排版会一点交错感,并且有parallaxx 的动态效果,这我觉得是AI 生成逐步进步的成果,因为之前的AI 生成通常都是置式的区块,看起来会很生硬,我相信会越来越进步。

也可以调整生成后的字型以及配色,想进一步用页面编辑器调整细节的话,就需要选择付费方案了,有用过WP 的朋友就会发现10web 的页面编辑器跟elementor 很像。
10web 没有提供免费方案,最便宜是$10/月的AI Starter 方案,大概就跟租一个Cloudways 主机的价格差不多。
10web 是在你用AI 生成网站后才会需要付费升级,接着才能进一步调整网站细节,想要体验10web 的AI 生成功能还是可以试试看的~
Dorik

Dorik 是一个No-Code 网站生成平台,提供多样化功能以便快速建立网站。
它的AI 生成功能很简单,只要输入对网站需求的描述即可,不需要选择或填写其他问题。

虽然Dorik AI 生成的步骤很简单,但完成度倒是让我蛮惊艳的,这次产出的结果还不错。

Dorik 有免费方案可以使用,不过比较特别的是Dorik 还有提供一次付费的买断终身方案,$249 的买断方案可以开无限个网站,但只能设定一个自订网域。
CodeDesign.ai

CodeDesign 的AI 网站生成功能有许多的语言可以选择,其中还包含了繁体中文,不过为了确保生成结果是比较完整的,这边我还是先用英文作为提示词。
不知道要输入什么提示词的朋友,也可以点选下图红框的【 Try some of our examples 】,系统就会帮你产出一段描述啰。

接着等待一段AI 生成的时间。
下图就是AI 帮我生成的网站,整体还不错,如果觉得不满意的话,也可以点下图红框的【 Regenerate Site 】重新生成一次。

CodeDesign 也是免费的Basic 方案,且提供3 个free project 可使用,另外跟Dorik 一样也有终生买断的一次付费方案( 开始流行这种模式了吗? )。
总结
其实还有很多的AI 网站生成工具,例如: Hocos、Pineapple Builder、Kleap、durable、b12.io 等等,但现阶段试用后的生成结果没有觉得很好,所以先不考虑。
目前觉得使用AI 生成网站可以先当作是一种灵感来源,例如你在创建网站时不确定或是不知道需要哪些内容,像是关于品牌、服务项目、联络我等等,就可以请AI 先生成看会产生哪些内容。
但以视觉的质感来说,现阶段使用模板会比AI 生成的结果好看许多。
AI 生成的品质还有点落差,要多测试几次,我自已玩的过程中也是多生成几次后,有时候就会产出不错的结果。
不过AI 的进步速度无法预估,或许半年后网站生成的结果会突飞猛进也说不定。
对AI 网站生成有兴趣的话可以关注商道自媒体导航网。