大家好，我是冷逸。
前两天刷到一条消息，胡彦斌靠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：全球首个AI Native 自定义工作台发布
然后选择参考风格，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网站
前几天，我开源了一个项目「大明PPT Agent Team」，大家觉得Multi-Agent太复杂，不太好搞。
这次，我想把它做成网站。
输入开发需求：
根据这个开源项目：https://github.com/woyin2024/lengyi-ppt-agent-team，为所有被PPT折磨的人设计一个AI驱动的PPT自动生成网站，产品名是“大明PPT”，slogan是"朕要做PPT，六部听旨"。
页面要求：首屏是圣旨卷轴展开动画，中间一道输入框，用户像拟旨一样写下主题（如"2026年新能源汽车出海战略"），旁边可选页数范围和风格偏好（TED演讲风/咨询报告风/路演融资风）。输入后页面进入"六部议事"流程可视化——六个Agent角色（内阁、锦衣卫、东厂、翰林院、工部、织造局）以动态卡片流依次点亮，实时展示当前进度：锦衣卫正在全网搜集情报、东厂正在交叉核查数据、翰林院正在提炼大纲……用户只能在两个"御批"节点介入——研究报告终版和最终PPT成品，其余全程旁观看戏。最终交付页提供HTML预览、一键下载和分享链接，附带"再拟一旨"按钮回到首页。
整体风格：大明宫廷+现代极简混搭。不是古风贴图那种粗浅的"中国风"，而是把朱墙金瓦的庄严感翻译成现代UI语言——大量留白、克制装饰、权威但不压迫。视觉锚点是"御批朱砂"——关键按钮和确认动作用朱红色，其余大面积用象牙宣纸底+墨色文字。圣旨、印章、卷云纹只作为微交互元素出现（如loading动画是卷轴徐徐展开、完成提示是一方玉玺盖下）。
配色：宣纸象牙白（#F5F0E8）+ 御批朱砂红（#C41E3A）+ 墨色（#1C1C1C）+ 金丝楠木暖褐（#8B6914，仅用于分隔线和边框点缀）。
字体：中文标题用思源宋体（对标诏书题头），正文用思源黑体（阅读优先），数字和英文用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场景的还原度、一些极端动效的流畅性以及与最终实际产物的结合度，都还有提升空间。但说实话，第一个版本能做到这个程度，我觉得已经超出预期了。
