在2026云栖大会中,如何利用大模型技术提升软件工程的整体效能,成为技术从业者讨论的焦点。在众多展台中,博思云创旗下 Pixso 平台展示了“智能化设计交付到代码”全链路解决方案,引发开发者群体关注。
长期以来,“设计到研发的交接”被认为是软件开发中摩擦较大的环节。设计师与前端工程师经常因为1像素的偏差、复杂的组件状态、频繁的版本变更而产生反复沟通。随着代码大模型的崛起,前端编写代码的速度加快了,但大模型“看不懂复杂设计稿结构”的问题依然存在。此次云栖大会,Pixso 通过两项功能——多框架 D2C 引擎与 Pixso MCP,打通这段产研交接环节。
界面排版交由 AI,业务逻辑留给研发
在 Pixso 展台的代码生成体验区,前端工程师体验了 D2C(Design to Code)能力。通过 Pixso 升级后的 D2C 能力,当设计稿确认后,开发者不再需要手动测距、切图和写基础样式。
只需在 Pixso 画布中选定目标设计区域,点击一键生成,Pixso 就能解析复杂的界面嵌套逻辑与样式属性,将其转化为结构严谨的前端代码。Pixso 不仅支持基础的 HTML/CSS,还支持目前主流的 React 和 Vue 框架;针对跨端与全场景需求,Pixso 支持 Flutter 语言;针对国产操作系统的演进,Pixso 支持华为鸿蒙 ArkUI 代码的生成。开发者可以直接复制代码片段,或下载完整的代码包。这种由系统接管繁琐 UI 层、研发专注核心业务逻辑层的新分工模式,让前端生产力得到提升。

将设计上下文“喂”给 AI 编程工具
如果说 D2C 是直接输出结果,那么 Pixso MCP 连接器则是从底层重构了 AI 编程的上下文体系。
如今,越来越多的开发者开始使用 Cursor、VS Code、Claude Code 等 AI 代码编辑器。但这些 AI IDE 的一个短板,是无法直接读取传统设计软件里的 UI 文件。Pixso 通过开放 MCP 连接器,让外部开发工具可以直接接入 Pixso 的设计数据。
通过 MCP,当开发者在 Cursor 中敲下指令:“根据当前 Pixso 设计稿,编写这个支付页面的交互逻辑”时,AI 编程助手可以通过 MCP 协议,读取并理解 Pixso 画布中的图层结构、空间布局、图片资源与设计规范。设计意图就这样进入了 AI 开发工作流。
此外,Pixso 还提供了官方 AI 插件(Skill),内置设计转代码、设计编辑、代码转设计、D2C+ 组件解析等能力,以及 MCP 调用实践指引,帮助 Agent 更准确地理解任务并选择合适的 Pixso MCP 工具。

让设计数据成为研发协作的衔接点
结合 Pixso 平台内建的 AI 智能设计,包含基于规范生成 UI、修改设计稿、AI 评论总结、多人实时协作等功能,Pixso 构建了一个以设计数据为基础的研发协作方案。
从云栖大会现场的反馈来看,Pixso 通过 D2C 与 MCP 连接器,让设计与研发之间的衔接更顺畅。设计稿不再只是交付物,而是可以作为结构化数据进入开发工具和AI编程助手的工作流。
对企业产研团队来说,AI 设计交付的价值不仅在于生成速度,更在于设计数据能否被开发环节读取和使用。Pixso 此次展示的 D2C 与 MCP 连接器,正是围绕这一环节展开的尝试。