说句话就能做UI设计，阿里这个新产品让我有点慌

大家好，我是冷逸。

前两天刷到一条消息，胡彦斌靠Vibe Coding给它的粉丝们做了一个APP，巡演地图、打卡系统、动态广场、成长体系一应俱全。

这个坐姿，一看就是老Vibe Coder了。

我当时看到这张照片，脑子里只有一个念头：完了，以后连明星都能写代码了，Coding的门槛这是被完全击穿了。

然后昨天，又刷到一条消息：Andrej Karpathy宣布加入Anthropic。

Karpathy是谁？OpenAI创始成员、前特斯拉AI总监。2025年初，他造了一个词叫Vibe Coding，大意是“顺应感觉，让AI写代码，甚至忘记代码的存在”。当时大家觉得这人在吹牛，但一年过去，没人笑了。

不过Vibe Coding跑了一年，大家慢慢发现一件事：用AI生成的代码能跑通不稀奇，但做出来的东西丑不丑、能不能用，这很考验Vibe Coder的审美和对真实业务的理解。

但你让一个没学过设计的人自己先想好页面长什么样——对不起，这比让他写代码还难。

你们懂那种感觉吗？就是你知道它丑，但你不知道怎么让它不丑。

恰好，就在胡彦斌搞出APP的同一天，阿里QoderWork上线了「设计工作台」，定位很直白——说句话就能做设计。你对着它描述想要的界面，它在画布上给你生成可运行、可编辑、可交付的设计产物。

如果说Vibe Coding解决的是“没有程序员也能写代码的问题”，那QoderWork想解决的就是它前面的那一步——没有设计师也能做设计。

这两个东西拼在一起，才算是把普通人做产品的整个链路给合上了。

那它到底靠不靠谱？是真的能打，还是又一个demo很美好、用起来想摔键盘的东西？我上手跑了一遍。

一手实测

0）前置准备

体验前，先简单设置一下。在Chat框左下角，选择「设计」模式。

包括下面的PPT和写作模式，也是本次一同发布的新货，大家感兴趣可以体验一下，详细见：

然后选择参考风格，QoderWork提供了161种风格。

比较推荐的有：

• Apple，看名字就知道，非常适合做科技产品网站，极致的留白+克制的层级。

• Figma，如果你想要原生的Web图形控制和产品色彩，这个风格首选。

• Github，极致的Markdown风格，程序员最爱。

• Notion，文档式效率工具风格。

• Bold，深色技术产品，做一些信息图或大字报很有用。

• Claude，Anthropic经典的暖橙色组合，极简主义。

• Airbnb，特别适合市场营销。

• Carbon，企业后台、B端产品首选。

如果拿不准，勾选“自动选择参考风格”也行，但主动指定出来的效果更可控。

然后指定组件库，QoderWork预设了三个：

• shadcn/ui，风格比较偏现代极简，独立开发者会比较喜爱。

• Spark Design，阿里云的风格包。选这个，做出来的界面视觉和阿里的产品一致。

• Ant Design，蚂蚁推出的企业UI资源包，风格偏稳重，适合做正经的B端产品。

设置完进入正式的设计环节。

QoderWork的工作逻辑是一套流水线：自然语言描述需求→AI追问对齐意图（Questions）→生成设计计划供确认（Design Plan）→在画布上生成高保真设计→画笔框选迭代→参数微调（Nudge）→交付工程文件。

全程不需要打开Figma，也不需要改代码，用自然语言交互就行。

1）Case1：大明PPT网站

前几天，我开源了一个项目「」，大家觉得Multi-Agent太复杂，不太好搞。

这次，我想把它做成网站。

输入开发需求：

根据这个开源项目：https://github.com/woyin2024/lengyi-ppt-agent-team，为所有被PPT折磨的人设计一个AI驱动的PPT自动生成网站，产品名是“大明PPT”，slogan是"朕要做PPT，六部听旨"。

页面要求：首屏是圣旨卷轴展开动画，中间一道输入框，用户像拟旨一样写下主题（如"2026年新能源汽车出海战略"），旁边可选页数范围和风格偏好（TED演讲风/咨询报告风/路演融资风）。输入后页面进入"六部议事"流程可视化——六个Agent角色（内阁、锦衣卫、东厂、翰林院、工部、织造局）以动态卡片流依次点亮，实时展示当前进度：锦衣卫正在全网搜集情报、东厂正在交叉核查数据、翰林院正在提炼大纲……用户只能在两个"御批"节点介入——研究报告终版和最终PPT成品，其余全程旁观看戏。最终交付页提供HTML预览、一键下载和分享链接，附带"再拟一旨"按钮回到首页。

整体风格：大明宫廷+现代极简混搭。不是古风贴图那种粗浅的"中国风"，而是把朱墙金瓦的庄严感翻译成现代UI语言——大量留白、克制装饰、权威但不压迫。视觉锚点是"御批朱砂"——关键按钮和确认动作用朱红色，其余大面积用象牙宣纸底+墨色文字。圣旨、印章、卷云纹只作为微交互元素出现（如loading动画是卷轴徐徐展开、完成提示是一方玉玺盖下）。

配色：宣纸象牙白（）+ 御批朱砂红（）+ 墨色（）+ 金丝楠木暖褐（，仅用于分隔线和边框点缀）。

字体：中文标题用思源宋体（对标诏书题头），正文用思源黑体（阅读优先），数字和英文用JetBrains Mono（保持技术工具的专业感）。

QoderWork并没有马上开干，而是先与我对齐意图，它提了2个问让我选。

这个机制你可能比较熟了，它叫Ask user questions，信息不够的时候AI需要先追问，做问题澄清，不自己瞎猜瞎干。

我回答问题后，它出了一份详细的Design Plan，把布局、风格、资源选择、交互设计都列了出来，让我确认后再动手。

没过多久，一套完整的设计产物就做好了。

这套设计产物的整个体验过程，我给大家录了个屏，你们可以感受下。

从演示效果来看，我觉得确实有点“大明风华”那个味道了。

对于这份设计产物，想修改也很简单：可以用画笔直接圈出想要调整的地方，用自然语言描述需求即可。

也可以点选编辑，颜色、间距、布局、描边这些，都可以在Nudge参数面板里直接微调，实时生效。

这两套，你可以组合搭配：画笔解决“改哪里”，面板解决“改什么参数”。它比你单纯打字描述意图要精准得多。

最后，所有的设计物都放在了你的本地文件夹，打开就能用。

这还没完，这整套设计产物，只需要点一下，就可以提交到Qoder这类IDE里继续开发。

这对于开发者来说，是真的省事。它产出的从来都不是图片，而是可以直接运行的代码，而且是可以与其他编程工具无缝连接的前端代码。

2）Case2：小区闲置交换H5

前面的Case，我需求给得很详细。第二个Case，我故意给了一个模糊需求——为小区业主设计闲置交换工具。

设计任务：

为小区业主设计一个邻里闲置交换工具，产品名“楼下的”，slogan是"与其挂闲鱼被砍价，不如换给楼下邻居"。

这次，QoderWork提了三个问题帮我细化。

我选择做移动端H5，核心包含首页物品列表、详情页、发布页三个主屏，视觉走温暖亲切路线。

最终生成的暖色调轻量化卡片设计，确实很适合这种社区类H5。

可以看到，需求模糊也没有关系，它会主动帮你挖清楚。

3）Case3：食材管理小工具

我又做了一个专门给“记不住冰箱里有什么”的人设计的小工具。

设计任务：

为记不住冰箱里有什么的人设计一个食材管理工具，产品名是“快烂了”，slogan是"别让西兰花死在冷藏室第三层"。

页面要求：首页是按保质期倒计时的食材卡片流，颜色从绿渐变到红——今天必须吃的在顶部标红闪烁。支持快速录入（打字或语音："买了鸡蛋一盒、菠菜一把"），自动估算保质期。底部有一个"今晚吃什么"按钮，根据现有食材推荐菜谱，优先消耗快过期的。

整体风格像厨房计时器混搭库存看板，配色冰箱白+番茄红+保鲜绿。

给大家看下效果。

这个工具我自己已经用起来了。因为我就是那种老把东西放冰箱放到过期的人。

4）Case4：苹果风格产品网站

最后一个Case，我指定Apple风格，给一款名为Aura的AI蓝牙耳机做产品官网。

设计任务：

给AI蓝牙耳机Aura设计一个产品网页。

这是一款来自「沃垠科技」生产的AI蓝牙耳机，产品叫Aura，融合顶尖降噪技术与智能语音助手，带来清晰纯净的音质体验。轻巧贴耳、全天舒适佩戴，让音乐、通话和AI助手随时随地触手可及。Aura，让每一次聆听都更聪明、更自由。

设计要求：

1、网页的整体风格和布局，参考苹果网站风格。

2、主Hero区域放一个产品宣传视频，用附件的视频素材。

3、整体高级审美，大师级作品，顶级前端网页设计。

最终输出的效果确实有苹果官网那个味道了——极简留白、克制的色彩、精致的排版。

作为一个没有任何UI设计能力的Vibe Coding开发者（正是在下），我是真的没想到自己能产出这种品质的东西。

过去这一年，各种AI Coding工具已经把“能不能跑通”卷到了很高的水位。但跑通之后呢？一个灰底黑字、毫无排版的页面，跟一个能拿出去见人的产品，中间差的从来不是代码能力，是设计能力。

而设计这个东西，以前是有门槛的。你得会Figma，得懂排版、配色、信息层级。这些东西不是看两篇文章就能学会的，是要练的。

QoderWork做的事其实就是把这道门槛打掉了。它没有去跟Figma抢饭碗，也不是要替代设计师，而是让“做出好看的东西”这件事不再需要你会用专门的工具。

你只需要知道你想要的调性是什么，剩下的交给它。

当然，不瞒你们说，这东西确实还有局限。复杂3D场景的还原度、一些极端动效的流畅性以及与最终实际产物的结合度，都还有提升空间。但说实话，第一个版本能做到这个程度，我觉得已经超出预期了。

我写这篇文章的时候一直在想一个问题：当一个毫无设计基础的人，能在十几分钟内做出审美在线的产品官网，这件事意味着什么？

不是要贩卖焦虑，我觉得它意味着另外一件事——创作的人群正在以前所未有的速度扩大。

以前你得先学会一门技能，才能把一个想法变成看得见的东西。现在这个链条被压缩到了极致。你想做的东西离你做出来，只差了你能不能清楚地表达出来。

这感觉怎么说呢，有点像小时候第一次拿到画笔的感觉。你不需要知道颜料怎么调的、透视怎么算的，你只需要知道你想画什么，然后画就是了。

而且，它还直接把印刷环节也给接上了。你设计的产物，直接拖进编程工具里马上就可以进行开发。

说实话，我现在有点上头。不是因为QoderWork有多厉害，而是我发现自己突然能做很多以前想都不敢想的东西了。那些在脑子里放了很久的想法，慢慢有了样子。

这大概就是AI最打动我的地方。