以前让 AI 帮你写一个页面,最爽的通常是第一版。
你丢一句话过去:做一个后台管理页,有用户列表、筛选条件、统计卡片、右侧详情。过一会儿,一个页面出来了。哪怕不完美,你也会觉得,这东西有点意思。
真正麻烦的是后面。
按钮要换位置,筛选项要多一个状态,表格字段要重排,移动端也要补一下。产品在文档里改需求,设计在工具里调视觉,开发在 IDE 里接代码,中间夹着截图、备注、消息和反复解释。
AI 已经能写代码了,但这堆来回沟通的成本,并没有自动消失。
所以我看到阿里云 X 账号公开分享 QoderWork 的 Design Desk 时,第一反应不是“又一个一句话生成页面的工具来了”。
我更在意的是它用了一个词:infinite canvas,无限画布。
据阿里云公开分享,Design Desk 被描述为一个可以把语言转化为可运行代码的无限画布 AI 工作区。用户用自然语言描述需求,就能在画布上获得可运行的 React + Vite 项目。相关介绍里还提到,设计师可以继续迭代,开发者交付同一份文件。
这几句话里,最容易被记住的当然是 React + Vite。
因为它听起来更工程化。
它不是一张静态图,也不是只能看的假原型,而是更靠近真实前端项目的东西。对做产品原型、内部工具、落地页 Demo 的人来说,这个差别很大。
但我觉得更关键的,其实是画布。
聊天框适合一次性问答。
你问一句,它答一句。你再追问一句,它再改一版。这个交互对于写一段函数、解释一个报错、生成一小块组件,是舒服的。
可产品设计和前端开发不是一条直线。
一个页面会有多个版本,一个功能会有多个状态。一个按钮旁边还会牵出空状态、错误状态、权限状态、移动端状态。你很难只靠一串聊天记录,把这些东西都摆清楚。
画布的好处是,它允许你把上下文摊开。
左边放第一版,右边放第二版。上面是产品页,下面是登录页。旁边再放几个组件尝试,一个偏运营,一个偏工具,一个偏数据看板。你不需要在聊天记录里翻来翻去,也不需要每次都重新解释“不是刚才那个,是上上版右下角那个模块”。
这件事对产品原型很有意义。
过去做一个新想法,经常是先写需求文档,再找设计出稿,再找开发估时间。中间每多过一道手,想法就会被重新翻译一次。翻译不是坏事,但翻译多了就容易走样。
如果一句需求先生成一个可运行页面,再在画布上继续比较版本,产品讨论就会更早进入“看得见、点得动、能修改”的状态。
你不是在争论一个抽象想法,而是在看一个具体东西。
这对前端 Demo 也有意义。
很多团队不缺想法,缺的是把想法快速变成一个能演示的东西。老板想看一个方向,客户想看一个方案,团队内部想验证一个交互。这个时候,纯图片不够,完整工程又太重。
React + Vite 这类输出,如果真能稳定进入开发链路,它就卡在一个很舒服的位置:
比截图更接近产品,比正式开发更轻。
当然,这里要把话说清楚。我目前只是基于公开信息做观察,不是实测结论。生成质量、代码可维护性、复杂业务能不能扛住、团队协作体验到底顺不顺,都要等真实使用后才能判断。
但方向是清楚的。
AI 开发工具正在从“帮我写一段代码”,慢慢变成“帮我组织一次产品实现”。
这两件事差别很大。
帮你写一段代码,核心能力是生成。你给它一个明确输入,它给你一个结果。
帮你组织一次产品实现,核心能力就不只是生成,还包括保留上下文、管理版本、承接修改、减少交接损耗。
很多人会低估“交接”这件事。
因为它不像写代码那么显眼,也不像画设计稿那么有成就感。可在真实工作里,太多时间都耗在交接上。
产品说的那个需求,设计理解成了另一个样子。设计稿里隐藏的交互状态,开发没有看到。开发实现时补的逻辑,回头又没人同步给产品。大家都很忙,也都不是故意的,但信息就是在这个过程中一点点掉了。
所以“设计师迭代,开发者交付同一份文件”这句话,如果后面真的能跑顺,它减少的不是某一个按钮的点击次数。
它减少的是重复解释、重新整理、重新还原。
这也是我觉得 Design Desk 这类产品值得看的地方。
它不是在说设计师不需要设计了,开发者不需要开发了。真到复杂产品、权限系统、数据接口、工程维护,专业的人还是绕不开。
它更像是在把产品想法更早推到可运行状态。
以前一个想法要走很远,才轮到代码说话。现在可能刚开始讨论,它就已经有了一个能跑的形状。这个变化会影响小团队、创业者、产品经理、设计师,也会影响前端开发者的工作方式。
我自己判断这类 AI 工作区有没有价值,会看三个问题。
它生成的东西,能不能继续改,而不是只能看一眼。
它能不能保留上下文,让多次迭代不丢方向。
它交付出来的文件,能不能进入真实开发链路,而不是停在演示层。
这三个问题,比“第一次生成得像不像”更重要。
因为第一次生成只是开头。
真正决定一个工具能不能留下来的,是它能不能陪你走过第二版、第三版、第五版。能不能在想法变复杂的时候,还帮你把东西摆清楚。能不能让设计、产品、开发少一点互相猜,多一点看着同一个东西说话。
回到 QoderWork Design Desk 这件事,我觉得它给出的信号挺明确。
AI 编程工具不满足于待在聊天框里了。
它开始往画布上走,往可运行项目上走,往设计和开发之间那块最容易丢信息的地带走。
这不一定马上改变所有人的工作方式,但它指出了一个很现实的方向。
以后我们评价一个 AI 开发工具,可能不会只问它会不会写代码。
还会问它,能不能把一个产品想法,从一句话,带到一个能继续修改、能交给别人、能真正往前推的状态。
如果一个工具真的能做到这一步,那它就不只是一个代码助手了。
它会变成产品想法落地之前,那块新的桌面。
你会最想先拿它做什么?
一个落地页,一个后台工具,一个活动页,还是一个完整产品 Demo?
夜雨聆风