站长之家用户 - 传媒 2026-09-23 16:20

2026云栖大会|Pixso多框架D2C与MCP,展示设计到代码全链路解决方案

在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 连接器,正是围绕这一环节展开的尝试。

相关话题

特别声明:以上内容(如有图片或视频亦包括在内)均为站长传媒平台用户上传并发布,本平台仅提供信息存储服务,对本页面内容所引致的错误、不确或遗漏,相关信息仅供参考。任何单位或个人认为本页面内容可能涉嫌侵犯其知识产权或存在不实内容时,可及时向站长之家提出书面权利通知或不实情况说明,并提供身份证明、权属证明及详细侵权或不实情况证明(点击查看反馈联系地址)。本网站在收到上述法律文件后,将会依法依规核实信息,沟通删除相关内容或断开相关链接。

推荐关键词

24小时热搜

查看更多内容

大家正在看