最近我又测到一个很有意思的 AI 设计工具，刚好把我粉丝群里大家经常问的一件事儿给覆盖到了——用哪个AI做UI设计合适？
目前市面上已经有很多AI直出网站的工具了，好像现在做UI设计已经不需要设计师了，但它们有一个共同问题——做小项目能用，但到了真正的工作场景用着有点别扭。
比如，你在一家公司做产品经理，用AI快速生成了一套看起来不错的网页，老板看了说不错，下一步，还是要找设计师进 Figma 重画，要找前端把它切成页面，要来回沟通交互、多尺寸适配、异常处理……
我一直觉得，这流程不太对，AI 工具如果想真正介入原先的UI设计流程，得重构人机协同链路。
今天我测的就是这个方向，来自 QoderWork 设计工作台（Design Desk）——QoderWork 新上线的设计功能，你可以用自然语言描述需求，再选择风格参考，AI会在无限画布上直接生成高保真、可修改、可预览的界面设计，最后还能导出 React + Vite 工程的真实页面。
补个背景，QoderWork是阿里今年年初上线的一个桌面端的智能工作助手，想用的话需要电脑下载，官网：
https://qoder.com/en/qoderwork
还是拿我自己的雪服品牌 RATATA 来测，最近刚好有个需求，我想要两个版本的品牌官网，看看 QoderWork 设计工作台会怎么处理这个需求。
启动！
先把品牌资料丢进去我准备了一个文件夹，里面有 RATATA 的品牌介绍、产品图、一些现有视觉素材：
然后，我把这个文件目录选中，再在 QoderWork 里设置好设计模式，下达这段命令：
风格参考这里有140种可用样式，像大家比较熟悉的 Airbnb 风格、Apple 风格都是有的，我甚至还找到了 Claude 风格：
不过我想看看它怎么理解我的品牌风格，所以风格这里我没有选，希望它自己发挥。
启动后，它就开始干活儿了，左边是和 Agent 交互的界面，右边是一个画布，进入设计模式之前会先来询问我：
因为我的问题比较模糊，它又提了2个问题希望我来明确任务的方向，当然我也可以选择让AI自己决定：
在正式开始设计之前，它还给我列了一套完整的设计计划，里面包括了要交付的产物、资源选择方案、结构设计、交互设计、质量检查&风险方案，非常全面……
在互联网公司干过就知道，这就是一套非常标准的团队协作流程，在产出之前先定义清楚标准，这样执行的时候各方可以了解边界不会让结果跑偏，大家也可以根据材料来保持对齐。
但很多时候，迭代太急太赶，完全没有时间把这些素材留档，但明确需求之后让AI来处理这些素材反倒是又快又规整的。
我整体看了下，没啥问题，它自己调用了相关技能，自己列出了一些必读参考，风格参考也是自己定的：
等个几分钟，就可以出结果了。
这个做完的版本是包括动效的，可以看这个录屏来具体感受一下：
不得不说，AI 比我想得更多，更周到。
总之就是，非常完整。
想改哪里改哪里做完设计稿，会直接展示在画布上，也可以直接预览、查看设计文件，到这一步 AI 已经把代码已经写完了。
页面上有一个功能弹窗非常显眼——关键设计决策，你可以在这里直接修改品牌强调色，还有卡片圆角、区块间距：
画布里面的功能区包含了这些能力：点选编辑、交互、抓手、撤销/重做、适配比例、复制画板、放大缩小、绘制标注、重新加载UI、添加网站参考、选中后提问。
和 Figma 的体验一样，画面上的所有元素你选中之后，都可以直接进行局部修改：
当然，也有我觉得不太合理的地方，比如我觉得这个 logo 好像有点小，我希望品牌 logo 明显一些，所以我选中了中间写着品牌名的地方提出了修改意见：
这就马上改好了：
你也可以直接和左侧的 Agent 对话来进行修改，比如，第一版本只做了一级页面，每个产品是无法点击的，没有二级页面查看详情，所以我直接提了这里需要加功能，一轮修改意见下达后也就改好了：
很聪明的AI，它发现我文件夹里有之前做的商品详情页的切片，直接拼在了官网里：
你还可以直接圈出不满意的地方修改，比如，页面上有个滑动引导，我发现会和页面结构重叠，于是我用画笔工具圈出来，要求修改：
一轮马上改好，在预览里终于是不会和第一部分的组件重叠了。
如果你对 AI 自己发挥的设计风格不满意，到了这一步你也是可以切换的，在右侧切到「功能参考」栏，就可以直接预览已有的 161 种风格，选上喜欢的就能直接应用：
套个 Apple 风格给大家看看：
很对味。
综上，光是修改这个场景，QoderWork 都给了你充分的灵活度，可大可小，可点可面。
还能导出 React 工程能直出、能预览、能修改，还能直接导出工程，就在右上角：
主流IDE选项都在这儿了，比如我点个Cursor，就会直接拉起Cursor继续来修改这个工程项目，所有代码都是可见可修改的：
丝滑，融入工程级工作流就该有这样的细节。
写在最后每次测 AI 设计工具，都会绕不开这个问题：设计师是不是又要被替代了？
我觉得，低质量执行会继续被压缩，但真正有判断力的设计师会更值钱。
QoderWork 设计工作台这类工具，最适合替代的是大量重复起稿、改稿、排版、出版本的杂活儿，专业设计师的审美判断更值钱了，好审美依然稀有。
为啥？
因为普通大众对这类工具，实际上只能用到60%的价值，估计在第一版输出之后，就觉得基本满意，开始发布上线。
而一个有想法的设计师，可以在AI搭好基本框架的基础上，锦上添花，做出更好的创意。
毕竟有再多的模板，也有看到厌倦的时刻，而设计师的巧思，就藏在这些细节里。
AI可以通过学习和模仿，批量生产大量的60分作品，而要做到90分甚至100分，依然需要人的灵感介入。
这就是AI工具需要找到更好的人机协同链路的意义。
AI 可以给你做页面，但你的品牌到底卖给谁、凭什么被目标客户记住、长期视觉资产怎么沉淀……这些不能全靠 AI 拍脑袋，你需要自己有完整且明确的逻辑链。
页面上的产品参数、价格、尺码、物流、售后、海外政策，都要人工复核，尤其是出海官网，英文文案最好还是做一轮母语化校对。
导出的 React 工程可以作为起点，但如果要正式上线，还是建议前端检查组件结构、响应式、性能、SEO 和后续维护方式。
工具越强，人的判断越重要。
现在， QoderWork 设计工作台给了我们一个新的方向，这条链路跑通后，产品、设计、开发三者之间那些最消耗人的翻译成本，可以被明显压缩。
对设计师来说，它可以帮你更快探索方向。
对产品经理来说，它可以帮你把想法变成可视化原型。
对开发来说，也不用再因为信息折损浪费时间。
当 AI 把第一版成品足够完整地摆在团队面前，终于是可以更快地开始判断了。
而在今天这个速度越来越重要的时代，能更快开始判断，本身就是一种竞争力。
感谢你耐心看到这里👏
如果今天的内容对你有所启发或帮助
点赞👍｜评论💬｜在看👀｜转发➡️
你的支持是我持续创作最大的动力！
