前言

身边设计师平时经常吐槽的，不是那些AI生成UI工具的效果惊艳不惊艳，这对他们来说反而是一个小的起点，更多的是改稿的繁琐。

UI界面评审时，各方的修改意见，听起来好像只要五分钟就改好了，但其实你打开源文件，就知道这意味着什么了：重新解散打组、设置自动布局、调整层级顺序......牵一发而动全身，这种零零碎碎的调整特别磨人，一动就是一大片。

其实，对于设计师来说，画UI还好，改UI才是麻烦事。所以我最近开始尝试市面上新升级的AI：直接在画布里修改设计稿。原以为只是个噱头，甚至已经准备好吐槽了，结果测着测着发现，它居然真能帮我省掉很多体力活。这次主要测的是国内AI设计工具——Pixso AI里的智能设计，把工作流里的修改环节，交给AI去做。

这次我重点测了3种在实际工作里的改稿场景，让AI去改已经做好的页面，直接在画布里操作。一起来看看AI到底能做到什么程度。

场景1：一句话修改页面布局

改布局是很容易发生而且超级烦人的情况，我选中了一个标准的单列图文列表页，然后在左侧AI对话框里输入：“把列表改成双列的卡片瀑布流布局”。我以为这种AI修改UI，会直接生成新的页面覆盖掉原来的设计，但结果有点出乎意料。我一开始还以为它只是“重新画了一版”，结果发现不是，它真的是在原来的图层结构上改，肉眼可见的一点点生成。重新跑了一遍AI自动布局，把纵向排布改成了双栏，文字信息和图片占位基本都对应上了。

当然，也有翻车的地方。有些长标题在卡片变窄后溢出了，没有自动换行，这部分细节最后还是需要我手动去拉一下文本框。但整个页面的结构改动，它几十秒就干完了。

场景2：设计基础上生成新页面

有时候我们的项目会在原来设计的基础上，延展一些新的功能页，可能涉及很多个二级页面。这次我随便拿了一个电商APP首页，框选住这个页面，让AI“基于当前页面风格，生成一个详情页”。

这个测试点主要是看AI对我原本那套设计规范的理解能力，能不能识别出来现有的设计规范，再在这个基础上生成同样风格的新页面。结果AI生成出来的结果，风格一致性保持得还不错。它继承了我原本设定的主色调，识别出背景色、文字色以及简洁卡片布局。生成页面层级挺清楚的。不过仔细一看，布局有点挤，底部导航栏也没统一。但2分钟生成一个新页面，比我手画快太多了。

场景3：让AI做深浅模式变量

做过设计的都懂，做深浅模式要么就复制页面一个个去调，要么就高阶一点用变量功能创建两种模式。即便两种方式你都很熟练，做这种活儿对设计师来说其实“毫无营养”。如果说一句指令，就能让AI帮你做完这些，能节省出多画几个界面的时间。

我随便选了已经做好的设计稿页面，告诉AI生成深色模式。AI的响应速度很快，不一会儿就生成了一版深色模式的页面，基本没有大的问题。不过这是生成页面，我想要的是直接生成变量，我可以直接切换两种模式，于是又发送了指令：“帮我创建好深浅色模式变量”。

这时AI开始自动帮我创建好两种模式的颜色变量，并一一绑定，很快就完成了，在右侧变量面板直接切换Light和Dark模式，和手动设置的几乎没区别。

说实话，这种目标很明确的活，比如改布局、切深色模式、统一间距这种，AI干起来比人还稳，因为我们偶尔还会遗漏，而它自己生成完还能检查一遍。

实测感受：AI智能编辑的体验更妙

测完这几个场景，我感觉自己已经多了一位设计助理，也感慨现在的UI设计工具，真的已经到了这种自动化地步，与三年前相比角色变了。你不用离开画布，它直接在你现有的图层上动刀子，这种直接改源文件的感觉，和以前用的生成一张图再贴进来的AI完全不一样。

1. 适合哪些人用？

当然，实测下来，我并不觉得这种AI改稿方式适合所有人。

• 如果你是做那种极其强调创意，类似于排版天马行空的Web 3D官网，AI目前的创意能力会有局限；但如果你主要在负责需要高频改稿、快速迭代的业务，那这种AI修改设计稿的工具绝对能救大命。至少不用再把时间全耗在调间距和重新排版上。

2. 有没有限制？

真实用下来，虽然很好用，但也有一些痛点和坑。

• 首先，AI对复杂层级的理解有时候会“翻车”。如果你的原文件图层结构非常混乱，或者自动布局嵌套了七八层跟俄罗斯套娃一样，AI去修改布局时偶尔会解析错误。
• 其次，精细的视觉打磨依然离不开人。AI能把大框架排对，但那个“呼吸感”到底够不够，阴影的过渡是不是自然，这最后的视觉优化，还是得靠设计师的眼睛。
• 最后，复杂交互逻辑依然是盲区。它能改静态的布局，但如果涉及到按钮Hover状态、弹窗的前后层级联动，目前的AI还很难直接帮你把交互原型也一并完美改好。

它现在肯定还替代不了设计师，但帮你处理一部分重复修改，已经够用了。反正我现在是这么用的：能干的都让它先干，我只检查一遍查漏补缺。

注：本文测试基于Pixso设计画布内的AI功能，5月新版本。