作为一个经常被"再改一版"支配的产品经理,我太懂那种痛了——每次想验证一个想法,都要排队等设计师排期,有时候就为了看个"这个按钮放左边还是右边更好",得等上一周。
但就在5月18号,腾讯扔出了一个王炸:Ardot,一个能"说话做设计"的AI工具。不用下载软件,不用学复杂操作,直接在浏览器里跟AI聊聊天,它就能帮你把脑子里想的画面,变成能编辑的设计稿。
最离谱的是,这设计稿还能一键变成代码,直接扔给开发就能跑。

图片来源:Ardot官网
一句话生成设计稿,是什么体验?
我第一时间冲去试了试。打开 ardot.tencent.com,用微信扫码登录——腾讯系产品果然够省事,不用重新注册账号。
然后我试着输了一句话:"生成一个用户登录页面,包含手机号验证码输入框和登录按钮,风格简约现代。"
你猜怎么着?三秒钟,一个完整的登录界面就出来了。输入框、按钮、布局、甚至配色,全都是现成的。
最关键的是,这玩意儿不是一张死的图片。页面里的每一个元素都能点开修改——想换按钮颜色?直接在侧边栏改。想调整间距?拖动一下搞定。想加个第三方登录入口?跟AI说一声"加个微信登录",它就自动给你加上。
这跟以前那些"AI一键生成海报"完全不是一回事。传统AI工具生成的就是一张图,好看是好看,但没法改、没法交付,基本上只能用来发朋友圈。Ardot生成的是可编辑、可复用、可交付的团队资产——设计师能直接拿来改,产品经理能直接拿来用。

AI生成的设计稿示例
设计师要失业了?别急,先看完
我知道你在想什么——"AI都能做设计了,设计师是不是要失业了?"
作为一个跟设计师打过多年交道的人,我的判断是:不会失业,但工作方式会变。
Ardot真正替代的,是那些重复性高、创造性低的工作:生成系列图标、处理素材、探索不同布局方案……这些活儿以前占设计师大量时间,现在交给AI,几秒钟搞定。
但设计不只是"画界面"那么简单。理解用户需求、把握品牌调性、打磨体验细节——这些还是得靠人。
而且Ardot有个特别实用的功能:支持直接导入Figma文件。如果你的团队已经在用Figma,不需要推翻重来,文件迁移过来布局、样式、组件全保留,零成本切换。
它甚至能调用团队自己的业务组件库——不是"随机画",是"按你家规矩画"。生成的稿子天然符合品牌规范,不用设计师从零调整。
一键变成代码,这才是大招
如果说"AI生成可编辑设计稿"只是开胃菜,那设计稿直转代码才是真正的重头戏。
Ardot和腾讯的CodeBuddy深度打通,设计稿完成后,点一下"发送",AI就自动生成对应的前端代码。支持React、Vue、小程序等多种格式,据说代码还原度能达到99%以上——间距、颜色、字体、组件样式,基本不用手动调整。
这意味着什么?
以前一个需求从提出到落地,要经过这样的流程:产品出原型 → 设计师出稿 → 开发还原UI → 反复沟通确认。每个环节都有信息损耗,都要花时间。
现在呢?产品自己用自然语言描述需求 → AI生成设计稿 → 一键转代码 → 开发直接拿走去用。整条链路被接通了。
我认识一个独立开发者,以前想做个App,光是找人画界面就得等好几天。现在用Ardot,自己对着AI说几句话,设计稿出来了,代码也出来了,一个人也能做出看起来很专业的界面。
谁最适合用这个?
根据我的体验,这几类人用Ardot最划算:
产品经理:快速出原型验证想法,用文字反复调整方案,直到思路清晰再找设计师正式出稿。自己提需求、自己看效果,沟通效率翻倍。
独立开发者和创业团队:从原型到代码一气呵成,降低人力成本。一个人也能做出看起来专业的界面,不用每次都找人帮忙画图。
运营和市场人员:快速生成活动海报、配图素材,不需要每次都找设计师排期,自己改文案、自己换配色。
设计师当然也能用——把重复性工作交给AI,聚焦创意判断和体验打磨。同一个设计需求,用AI快速生成多个变体,对比选型,效率提升明显。
免费用,现在就能试
目前Ardot已经开放公测,注册就送1000 Credits免费额度,生成设计稿、调用组件库、导出代码都能用。
全程浏览器操作,不需要下载安装任何软件。手机也能查看,但完整编辑功能建议在电脑端使用。
说实话,用惯了那套"等排期-看稿-打回-再等"的流程,第一次用Ardot有种不真实的感觉——什么时候产品经理也能自己做设计稿了?
但仔细想想,这就是AI的厉害之处。它不是在抢谁的饭碗,而是在把那些本不该占用那么多时间的重复劳动自动化。
设计师可以把精力放在更值钱的地方,产品经理可以更快验证想法,开发者可以减少沟通成本——门槛在降低,效率在提升。
至于未来会怎样?让我们拭目以待。反正现在,我已经迫不及待想跟设计师说:"这个需求,我自己做设计稿就行了。"

AI生成的多端界面设计
夜雨聆风