设计师完成UI稿后，开发接到的并不是一张可以直接运行的页面。组件怎么拆、交互状态如何处理、不同设备怎样适配，都要在实现阶段重新确认。设计稿与代码之间传递的信息越少，双方需要补充沟通的内容就越多。
在IXDC 2026峰会现场，国内设计协作平台Pixso展示了D2C（Design to Code）设计转代码与MCP开放系统。前者尝试把设计稿转成更接近工程实现的内容，后者将设计能力连接到开发者已有的工具中。两项能力分别指向设计交付的两个环节：内容转换和工具调用。
D2C把页面结构带进代码生成
UI设计稿中通常包含页面层级、组件关系、内容安排和视觉规范。开发人员看得到最终画面，却未必能从静态图里直接读出每个元素怎样组织、哪些结构可以复用。传统交付需要靠标注、切图以及双方反复确认来补足这些信息。
Pixso在演讲中用移动端页面展示了D2C设计转代码流程：多个设计页面及其内容结构进入代码生成环节，开发人员可以据此了解页面组织方式。对于设计师，这也是一次交付前的结构检查，能够发现页面关系和设计信息是否完整。
当然，生成的代码还要接受工程检查，组件封装、数据接口、响应式布局和性能要求，取决于具体项目，不能由一张设计稿直接确定。D2C的作用，是把设计信息更充分地交到开发手里，为后续实现提供起点。
MCP让开发者在熟悉的环境里做设计
即使生成了代码，开发团队仍要在自己的工具中继续工作。把设计资料从一个平台手动搬到另一个平台，不仅费时，也容易丢失上下文。
Pixso的MCP开放系统支持连接Cursor、Claude Code、VS Code、Codex和TRAE等主流编程工具。通过这一方式，开发者可以在已有工作环境中接入Pixso的设计能力，使设计文件与代码任务之间的联系更直接。
不同团队使用的技术栈和流程不一样，MCP提供的是连接方式，可依据官方连接教程操作。哪些设计信息需要调用、生成结果怎样进入代码库，以及由谁审核，仍要由团队按项目要求安排。
AI生成之后的检查决定交付质量
设计稿转成代码后，页面可能看上去接近原稿，但交互状态、真实数据、异常反馈和多端适配仍需逐项验证。开发负责工程质量，设计师检查体验细节，双方还要根据测试结果更新原方案。
因此，Pixso在IXDC 2026展示的D2C和MCP，可以放在同一条设计交付流程中理解：D2C帮助转换设计内容，MCP帮助这些内容进入开发工具。它们与前面的AI智能编辑衔接，让设计稿不再停留于视觉文件，也为设计和研发的持续协作提供了更直接的工具路径。
