大家好，我是热爱编程，热衷分享的"一只韩非子 "。
关注微信公众号：
会编程的韩非子添加微信号：
Hanfz0712免费加入
问答群/知识交流群，一起交流技术难题与AI未来，与你在编程学习路上同行，让我们Geek起来！
哈喽，大家好，我是一只韩非子。最近想做一些个人网站，对于如何呈现出一个好看的页面又有了一些思考，想跟大家分享一下。
众所周知，开发一般只关注自己的功能实现，页面设计也是从设计师那里来的，很少会去自己去设计一个页面。为什么呢？这是因为我们自己设计的页面说实话实在太丑 0.0。完全没有美感可言。
但是我们自己做的一些产品没有专门的设计师去给我们做设计了，这个时候该怎么办呢。换做以前确定挺头疼，要么是自己去学一点设计相关的东西，然后画一个差强人意的设计图。再或者去找一个跟你想要做的内容接近，风格相近的网站，去 copy 一下，借鉴一下。但是我们的功能跟别人的功能肯定是有差异的，所以也只能大致上做一个参考。
回到现在，进入了"AI 时代"，几乎大多数的产品都引入了 AI 功能，所以我们也要有 AI 思维。那么我们怎么用 AI 解决这个问题呢？第一个冲进脑子里的想法，就是去找能够用 AI 生成设计稿的网站或软件。
首页去看了设计界中比较重量级的 Figma 和蓝湖，但很遗憾，目前并没有找到直接生成设计稿的功能，期待后续的发展了。
现在只能去找其他的软件了，于是开始大海捞针，去 Google 去问 ChatGPT、DeepSeek 等等。
你别说，你还真别说。我的意思是别说......
捞了一段时间发现压根找不到直接生成设计稿，然后能直接看样式的软件 0.0，都是帮你生成页面，然后给你打包代码的。没法了，那我们只能在转变一下思路了，既然没法直接生成设计稿，那么生成网站也行，我们预览下来，然后通过浏览器的调试功能去查看他的样式也是可以的，虽然比较麻烦，但这是目前比较可行的办法了。
既满足了我们个性化的功能定制页面，也能持续让 AI 根据我们的要求美化页面，最终也能够拿到对应的样式。耶，好像妥了？！
按照这个思路，我又找了几个能够生成 web、移动端，效果也比较好的软件，啊对，还得免费哈哈。 整体下来选择了两个。
第一个推荐的是hatchcanvas。
hatchcanvas 的整体效果比较好看，且支持多端适配，直接在线预览，能够直接运行，查看效果。只能说该有的他都有了。非常推荐。几句话描述清楚功能，他就开始工作了，如果有不满意的地方还可以告诉他，他在现有的功能上去修改。但是有个小问题就是有概率会修改别的地方，可以点是有点恶心的。你不想修改的地方可能也被修改了，甚至改崩了。所以在进行修改的时候一定要描述清楚，要修改哪里，不要动哪里。
第二个推荐的是我们最熟悉的豆包啦。
同样，豆包的整体效果也是非常不错的，也支持在线预览，能够直接运行。
更牛的是，他支持局部编辑，既可以选择你想要修改的区域，然后告诉他需要怎么改，他就真的只是回去修改这一部分，而不会影响到别的地方。我只能说，真的很牛，我太爱了。真的可以一点点吧整个页面修改成自己想要的样子。
而且很贴心的是他还支持历史版本切换以及版本回滚，如果你这个版本改崩了，还是喜欢上一个版本你就可以选择上一个版本，然后进行回滚。
毫不夸张的说，豆包应该是目前功能最丰富，效果好，也是最懂我的人了。
以上就是我的一个整体心路历程了。中间转变了好几次的思路，最终也是实现了自己想要的效果。发现 AI 确实慢慢的融入了我们的生活，很多之前的范式到了现在也在渐渐改变，我们有更多的方式，有更多的路去实现我们的目标，达到终点。所以当你困惑的时候，感觉手足无措的时候，不妨换个想法，换条路试试。
我是一只韩非子，我们下次再见。