腾讯UI设计软件Ardot全面公测(支持AI一句话驱动)
5月18日,腾讯自研的AI设计智能体平台Ardot正式公测(之前内测阶段我在官网填写了内测申请资料,但是最终无缘内测资格)。官方对它的定位不仅仅是一个UI绘图软件,而是一个AI 驱动的产设研协作平台。
一句话,AI快速生成APP页面、官网、海报、插画、ppt....
一句话,批量生成统一风格的系列矢量图标。
甚至一键让图片转成可编辑格式
最近在做个工具类小程序,快完工了,就想着测试看看这个Ardot 效果如何。
一、注册Ardot
打开Ardot官网 https://ardot.tencent.com/ 如果是Mac用户可以下载客户端,否则直接点击“免费使用”就可以在线体验了。

设计体验需要AI 积分,我注册后赠送500+加量包赠送500=1000积分。

二、给Ardot的任务
1、让workbuddy 反向总结提示词
我这个工具小程序主要使用WorkBuddy 开发的(Trae 也开发了一部分代码),然后先在WorkBuddy 中召唤专家“UI设计师”,给我总结提示词以便在Ardot里面使用。
帮我总结下这个工具小程序的功能页面、设计要素,形成一个完整的提示词文档,我需要用这个文档使用在线UI设计工具的AI功能作为提示词,让其重新设计一套完整且精美的UI

2、让Ardot 按提示词进行设计
WorkBuddy 总结完提示词后,直接复制到在线Ardot 里面就行(点击 AI 栏的聊天窗口输入)。整个设计耗时约30分钟,最后发现设计图都重叠在一起了??

好吧,直接让它把图层摊开来就可以了。
设计图都重叠在一起了,帮忙重新平铺下确保UI页面不要重叠

到这一步累计消耗129.47积分,我的工具页面就只设计了一个“决策转盘”,其他工具都没设计,如果全部都设计出来估计我的积分是不够用的。
3、让Ardot 设计特定页面
直接传原型图设计稿或者图片截图给Ardot,让它参考上面的设计风格重新设计UI
这个图片拼接工具 也帮我按上面的UI设计美学规范 重新设计下
图片左边是现在工具小程序的真实页面,右边是Ardot 重新设计后的页面,应该还是受提示词影响比较大效果还行比之前细腻,前面让WorkBuddy 总结的提示词限定了主题、色系,所以Ardot 设计出来的结果会比较接近(提示词越细 AI越不会自由发散),这一个页面设计改动花费积分 157.76-129.47=28.29

4、让Ardot 重构特定页面
上一个页面设计感觉受之前提示词影响较大,就让Ardot 重新设计了另一个页面,大家可以对比看看效果。这次重新设计+设计出图2张花费积分 239.81-157.76=82.05
这个是纪念日工具的设计图,帮我重新设计下UI、布局等,确保结果符合工具调性(我希望页面高级、交互专业),设计的规范可以你重新帮我选择,不用跟之前的风格一样。

如果对页面有不满意的地方,可以点击选择元素后手动或让AI 帮你修改。这次就改个局部按钮颜色花费积分 259.95-239.81=20.14 看来简单的修改工作不适合交给AI,太烧积分了!

5、导出设计图
跟其他UI设计软件一样,选择元素后可以直接导出图片,选择尺寸和图片格式即可。

三、Ardot设计转代码
1、windows 用户暂无缘 MCP
Ardot提供MCP 工具,支持 WorkBuddy、Cursor、Claude Code等AI 客户端工具,在WordBuddy 中可以召唤 Ardot专家,我这边用的windows 没有官方Ardot客户端 mcp也就用不了没办法研究。

我这边召唤专家发送指令后,提示不可用 ↓

2、mac 用户使用Ardot MCP
可以直接去官方教程查看对接MCP的方法: https://docs.ardot.tencent.com/ardot-mcp.html

结束简评
1、想要用户客户端和MCP的话Windows 的用户还得等等。非专业UI的个人小项目用用肯定能满足需求,就是不知道它正式上线后是怎么收费的,会不会跟WorkBuddy 一样定期有免费积分领取。
2、测试下来每张移动端设计稿花费30-40积分,其中一次按钮颜色局部修改消耗20积分(Ardot还有进步优化的空间呐)。
3、这种支持AI 设计的在线产品比Ardot做的早的也有(基本都是少量免费额度+收费),比如 UXbot、墨刀AI设计、Pixso AI, 可惜还有个“妙多”最近已经停服了。腾讯的Ardot 好像没看到支持导出Sketch,其他家有的是支持的。
发表评论