Pixso+WorkBuddy：设计师如何让AI接着已有设计稿工作

当产品UI界面已经由AI生成，需求方又提出“把这组卡片排紧一点，再补一组内容”，设计师要处理的就不只是卡片本身：文字不能丢，组件关系要保留，新内容还得符合已有的颜色和间距。对设计师来说，生成UI界面容易，接着修改会更费工夫。

。设计师可以在WorkBuddy中连接Pixso，让AI任务指向已有设计文件，继续生成或修改设计稿，并在需要时处理设计与代码的转换。Pixso也已接入千问办公、Qoder CN和百度搭子等智能体办公平台。

对于习惯在Pixso画布上协作的团队，WorkBuddy提供任务对话入口，Pixso保留可编辑的页面。设计师提出修改要求后，仍能回到画布检查、细修和评审。

打开WorkBuddy左侧“

”，切到“连接器”页签，搜索Pixso，点击卡片上的“+”并完成授权，就能开始使用。

成熟项目中的一组卡片，可能共用同一个组件、文字样式和颜色变量。直接让AI“重新设计首页”，容易把原有关系一并改掉。

，请AI列出页面分区、当前组件和关键样式，并明确这一轮只读取、不修改。

例如预约页要增加服务说明，设计师可以先让AI找到确认按钮，整理它的尺寸、颜色和文字样式，再查看周围模块的布局。接下来才决定说明文字放在哪里、是否需要调整按钮位置。给AI一个明确的图层链接，比只说“优化预约页”更容易限定修改范围。

：“把这组卡片的间距统一为24px，保留文案和组件关系；完成后检查对齐。”Pixso连接器的能力包括设计稿生成与编辑、组件和样式资产管理，以及布局和视觉核验。设计师可以让AI处理清楚划定的区域，再回到Pixso核对整页效果。

一个局部改动是否合适，还要放回整页看。卡片变密以后，页面的阅读节奏可能改变；新增模块放进去，旁边留白也可能失衡。截图和布局检查能帮助定位对齐、间距或嵌套问题，信息层级与视觉重心仍需设计师判断。

若要扩展新页面，

。设计系统在这里不只是一份供查阅的文档，也是下一轮设计可以继续使用的基础。Pixso里的文字、图层和样式保持可编辑，设计师能逐页调整特殊场景。

新生成的设计稿同样需要反复修改，比如在这个小程序案例中，

。完成后，三个页面出现在同一份Pixso文件中，文字、图层和样式都能继续编辑。设计师可以检查预约流程、按钮文案，以及三个页面是否保持同一套视觉规则。

，再将其中的静态HTML版本回导到同一份Pixso文件。回导结果放在带“代码还原”后缀的新画板中，原稿得以保留。设计师可以对照页面尺寸、文案、字体、图片资源和布局，发现差异后继续修改。设计与代码不会自动持续同步，后续变更需要按需再次转换。

评审意见若留在Pixso文件评论中，也可以让WorkBuddy读取并整理修改事项；需要交给开发的图标和图片，则可按需导出。从已有稿的局部调整，到新页面生成后的反复修改，设计师都能在Pixso中继续检查和完善结果。

。