目录
1.AI生成：生成创意界面会摸鱼
2.编辑导出：稳打稳扎避争论
3.小结：Ardot侧重编辑和查看代码
今天给大家分享一个适合UI设计师的AI工具--腾讯Ardot。
官网：
https://www.chooseai.net/tools/1509/
它的一大优势就是能节省UI设计师与下游开发的沟通时间成本，避免容易产生的扯皮情况。比如能省去设计阶段后，与开发团队交付过程中可能产生的争论、甩锅麻烦。
因为腾讯Ardot可以让设计图每个图层都显示为代码，并且能下载。
这也表示着它能对每个图层进行编辑。当然，AI生图也是能生成的。
听起来有点像之前能显示SVG格式代码的QuiverAI，不过Ardot和QuiverAI还是有明显区别。前者生成的是"整个产品界面的结构与布局代码"（TDesign 规范下的前端 CSS 布局代码），而 QuiverAI 生成的是"纯粹的矢量图形视觉资产代码"。
说了这么多，估计也比较抽象。大家还是亲眼看看吧~
一、AI生成：生成创意界面会摸鱼
界面生成：难表创意
进入官网后，你可以在此处AI页面的输入框选择对应类型和模型，生成设计图：
你可以看到，这里国内常用的模型多，但版本不是最新的。
或许是我预期太高，见惯了国外模型的厉害，眼睛太挑，我的设计界面生图之路始终不顺。
花2000积分踩过十几次坑后，我终于放弃了抵抗，知道了"某些事非用户之力所能为也"，也知道了"顺其自然"。
这里奉上我总结出的血泪教训：
1.偷懒和创意不可兼得。简单一两句的提示词默认生成中规中矩界面，没特色。要想有特色需要输入详细提示词。
2.Ardot真的只是辅助，自己动手丰衣足食。提示词太详细，它又不能理解，排版会更乱，虽然排版本身就需要手调。
3.生图当前界面不要动。离开当前界面任务停止，再进来时不能接着上文提出要求，否则就会乱生图。若要离开当前界面，需新开一个标签页打开Ardot官网。
4.修改生成图注意选择对应图层。画布中双击对应图层，输入框中出现对应图层名时（下图所示），再输入修改要求。
5.调整后的每版请注意保存。因为调整后的版本会覆盖上个版本，没有历史记录。
因前面踩的坑，我用Ardot生成的初版旅游网站被覆盖了，无法向大家展示，大家就看生成的动漫社区网站吧，两者的"创意不足"体现得一模一样的：
给它讲加入创意的具体方法后又生成了这样：
我两眼一黑，它无法处理创意性内容的指令啊~
没要求创意的健康管理手机app首页，生成得还不错，我就简单挪了挪位置：
插画生成：足创意，低服从
Ardot有2个生图模型，kling-2.1和jimeng-4.0。
印象中这两个模型生成插画、矢量图够用，生成复杂图就是翻车现场，文字渲染能力不行，逻辑问题频出。
事实也的确如此。Ardot不适合生成有文字的信息图、需要保持一致性的分镜图组。
不过，它批量生成没有关联的组图，还是不在话下的：
真是一幅幅佳作。
但又让人哭笑不得，怎么此处都没指定具体图像就给出创意十足的图片了，还是在未联系上下文、将我两个账户送的积分都嚯嚯完的基础之上。而上面手把手指导体现创意的方法却反馈了个敷衍的首页界面。
正经活偷懒，私活上薅积分，多少有点不务正业了啊~
二、编辑导出：稳打稳扎避争论
手动编辑环节仅针对UI设计图，而插画类图像就只能使用AI修改。
UI设计图的手动编辑环节上，Ardot可没耍滑头。
它将AI生成的健康管理app首页分成了多个图层。你可以对UI设计图进行位置和格式方面的编辑，不过图上文字不能编辑哦。
画布左边是各图层结构显示区，右边是格式工具栏。若你需要上下移动文字或图标，则直接往上或往下移动图层结构显示区中对应的图层名即可。若你需要改变页面、文字颜色、角度、特效等要素，直接用格式工具栏。
（组件名向上或向下移动）
它还有团队协作功能，能实现多人在线同时编辑。
编辑完成后在这里导出即可：
文章开头提到的图层代码（高级 CSS 代码）在右边工具栏中，你可以直接复制粘贴到本地：
这个功能还真能帮上忙。
之前我听我一个UI设计师的朋友说过，他们项目多、时间紧的时候，在交付环节就会因为网页还原问题和前端开发频繁起摩擦。如果用这个工具，她设计完成后，发个链接，让开发直接看代码就完事，根本不用相互掰扯。
三、小结：Ardot侧重编辑和查看代码
腾讯Ardot虽说在生成带有创意的复杂图上偷懒了些，但生成侧重功能的UI界面，在线编辑，查看图层代码，还是靠谱的。
换句话说，Ardot的功能重在编辑和代码查看。
若你是生成创意要求不高、重功能属性的UI界面，或者只是需要编辑，那么Ardot就非常适合你。你跟着上面技巧操作，就能行云流水完成"生图-编辑-导出-交付"的整套流程。
反之，你可能就要在Ardot的生图和手动编辑上消耗大量时间。
就看你自己的需求了！
目前Ardot公测开放中，注册即可获得1000积分的免费额度，能直接上手体验各项功能。有需要的朋友们可以来试试~
好了，今天的分享就到这里了。若你对腾讯Ardot中自己的感悟，或者想分享类似工具，欢迎在评论区留言和讨论~
