Pixso上线WorkBuddy连接器：用AI生成UI设计稿，实现代码双向转换

　　设计需求在一个AI工具里讨论，设计稿却在另一套工具中完成，这是很多设计团队的常态。团队常常需要把对话中的要求重新整理，再交给设计师落到画布上。国内设计协作平台Pixso现已上线WorkBuddy连接器市场：在WorkBuddy的“专家·技能·连接器”页面搜索Pixso，按提示完成连接后，用户即可围绕Pixso设计文件发起任务。

　　这次接入值得关注的，是AI任务有了可以继续编辑的设计成果。WorkBuddy负责承载对话和任务，Pixso承接UI生成、画布编辑及后续代码转换。用户既可以从一份新需求出发，也可以指定已有文件中的页面或图层，让AI先了解当前设计，再提出修改要求。

　　一、从需求描述生成可编辑设计稿

　　产品团队讨论新功能时，早期可能只是几句话、一张草图或一份页面清单。连接Pixso后，用户可以在WorkBuddy中描述目标用户、页面内容和视觉要求，或引用的团队设计规范让AI生成UI设计稿，并回到Pixso画布查看和继续编辑。例如AI根据教育类小程序需求，在Pixso文件中生成了课程首页、直播间、作业提交、学习进度和打卡激励等五个画板。

　　连接后的UI任务可以形成多页面设计文件，而不是只返回一张效果图。对设计师来说，接下来仍要检查信息层级、页面关系和视觉细节;对产品团队来说，可编辑的画板让需求讨论更早有了具体对象。

　　二、已有UI设计稿也能接着修改

　　不少设计任务并非从零开始的，团队已有产品页面，新的要求可能是调整卡片间距、补充一个内容模块，或者按品牌规范统一颜色。连接Pixso后，可以把目标页面或图层链接放进WorkBuddy任务，先请AI读取页面结构、组件和样式，再明确要改的范围。

　　例如，修改一组卡片时，可以说明“统一间距，保留文案与组件关系，完成后检查布局”。AI能够围绕指定范围处理画布内容，设计师则在Pixso中核对结果。遇到需要延续产品风格的页面，还可以让AI参考文件中的组件、颜色和变量，减少新内容与既有页面之间的差异。

　　WorkBuddy可以调用Pixso读取设计稿组件、样式和变量，检查画板布局问题，以及将当前画板的颜色统一为品牌色，这些都是设计团队在日常迭代中反复遇到的任务。

　　三、让设计与研发的交接继续向前

　　页面完成后，研发需要理解图层、组件、样式和素材，而设计师还要跟进实现效果。通过Pixso连接器，开发者可以从指定设计内容出发，获取更清楚的结构信息，并以设计稿为依据开展代码生成。可以在WorkBuddy对话中，让它根据选中的设计图层生成React代码。

　　AI生成代码仍需结合实际项目检查组件封装、交互状态和多端适配，但设计信息能够更直接地进入开发任务。Pixso也支持设计与代码之间的双向转换，为已有网页回到可编辑画布继续评审提供路径。

　　Pixso接入WorkBuddy，让需要做设计的用户在熟悉的AI任务入口中找到设计协作平台。由需求生成画板、根据已有规范修改页面，再把设计信息交给开发，一条任务可以持续指向同一份Pixso设计文件。对设计师和开发者而言，连接Pixso后最直接的变化，是AI建议有了可以查看、修改和交付的设计对象。