常见问题
能自己生成代码么?
可以。Pixso 提供图层属性参考代码,也支持使用 D2C⁺ 将设计稿生成前端代码,并通过 MCP 把设计信息交给 AI 开发工具。复制元素样式可使用属性参考代码,生成页面或组件代码可使用 D2C⁺,在 AI 开发工具中读取并实现设计可使用 MCP。
只需要尺寸、颜色或样式代码
选中要交付的图层,在标注面板查看尺寸、间距、字体、颜色、描边和阴影;下方代码模块可切换 CSS、iOS、Android 的参考代码。这些代码用于实现具体元素的样式,应用的业务逻辑仍需在项目中开发。操作细节见开发标注面板。
需要把页面或组件转成前端代码
D2C⁺ 支持 React、Vue、Flutter 等代码输出。打开企业空间中的设计文件,进入右上角“研发模式”,在右侧 D2C 下拉选项中选择 D2C⁺,再选中目标页面、组件或图层生成代码。
使用 D2C⁺ 需要企业版全功能席位或研发席位,并且文件位于企业空间;该企业空间内的个人草稿也可使用。企业空间外的个人文件不支持使用 D2C⁺。需要复用团队已有代码组件时,还可通过 DSM 配置设计组件与代码组件的映射,具体见D2C⁺ 快速开始。
需要在开发工具中继续实现
通过 Pixso MCP,支持相应协议的 Agent 可以读取图层、资源和设计规范,或调用设计转代码能力。远程 MCP 不要求一直打开 Pixso 客户端;本地 MCP 则适合结合当前画布操作,接入方式见Pixso MCP 开发者文档。
无论使用哪一种方式,交付前都要运行页面,检查不同屏幕宽度、字体与图片、交互状态和键盘操作。登录、接口、数据库、权限控制及上线部署需要按项目要求另行实现和测试。