给大家分享一个办法，可以用AI五分钟做出视觉效果很不错的漂亮网站。
先展示一下效果。
比如下面这个是我让它做的一个产品落地页，风格贴近Linear 和 Notion，有呼吸感，留白偏多。
说实话，第一眼的效果是真的很难相信是AI做的，我觉得很漂亮。

下面两个页面，也是我给到参考截图，让AI花了几分钟复刻出来的。

虽然让AI做设计这件事已经不新鲜了，但还是有很多朋友都来问我，如何快速让AI做出漂亮网站？

大家前段时间肯定也刷到过，Claude 出了设计能力，效果非常惊艳，但很多人都没办法用上 Claude Design。
不用焦虑，国产这边也在跟进。
比如前面几个案例，就是我用TRAE Work新出的Design模式设计出来的，效果非常棒。
下面来跟大家说一下怎么用。

1
使用方法很简单，直接选Design模式，新建任务，输入需求就好了。

因为我平时工作里经常需要做一些网页相关的东西，都是偏零散的需求。
我以前都是先去 Dribbble 或者各种模板站找灵感，或者用Figma，不太会直接用AI写代码，因为视觉上会差很多。
但用TRAE Work的Design模式让我很惊艳的一点是，它在视觉质量上确实下了功夫。

2
再给大家看一下案例，我测试多风格方案。
这是一个瑜伽工作室的需求，我需要它同时生成三种完全不同的风格方案。
这是它给到我的交付结果。

设计师在提案阶段经常要做多方案对比，让客户或者老板选方向。
以前都是手动出三版不同的设计，每版都要配色、排版、选字体、调细节。但现在这个环节，可以放心交出去了。
当然，这三套方案不是拿出去就能直接用的终稿，但作为一个提案阶段的快速原型，这个起点的质量，比我以前用过的同类工具高出不少。
3
前面说的都是从零开始生成的情况，但很多做设计师面对的是另一个问题：我们团队有自己的设计系统，有自己的组件库，有统一的颜色、字体、间距规范。
TRAE Work 有一个叫「设计系统」的功能，你可以把团队的设计系统导进去，然后让它基于你的组件和主题来生成页面。

我试了一个用户管理后台的需求，用的Apple的设计系统。

但这个测试的重点不在于页面好不好看，而在于它是否真的在调用已有组件，还是偷偷自己造了新样式。

从结果来看，它确实在努力遵守约束。
同样的逻辑延伸出去，我让它做了一个组件展示页，包含按钮、输入框、卡片、标签、提示框、表格、进度条、模态框，然后在五套不同主题之间切换：Default、Forest、Sunset、Ocean、Midnight。
每套主题有自己的色彩逻辑，切换的时候所有组件实时变化。

这个功能的想象空间在于：设计团队可以把自己的设计系统当作一个可共享、可复用的资产来管理。不是锁在 Figma 文件里，靠文档和人工传递规范，而是变成一个AI能理解和调用的结构化输入。
4
还有移动端。
我让它做了一个冥想 App 的主界面，产品名 MindSpace。移动端设计比网页更难做好，因为空间有限，每个像素都要争。
生成出来的结果，在移动端比例感上比我预期的要好。
如果你用过 Headspace 或 Calm，你大概能想象那种界面的质感。作为一个概念验证或者内部演示，完全够用了。
5
我不确定 TRAE Work 是不是目前最好的AI设计工具，但它让我感受到，AI生成的设计，开始接近一个真正有审美训练的人做出来的东西了。
对独立开发者来说，它意味着你可能不再需要为了一个落地页去学 Figma 或者花钱请设计师；对设计师来说，它意味着提案阶段的工作量可以大幅压缩，但最终的审美判断和细节打磨仍然需要人来做；对团队而言，Design Library 可能会改变设计规范传递和复用的方式。
如果有时间的话，推荐你们亲自试一下。