暗色模式
Dev Mode
Dev Mode 是 MasterGo 为开发者提供的工作区，帮助开发者从设计稿中快速提取标注信息、生成代码，实现设计到开发的无缝对接。同时提供研发工作台（Ready for Dev），让设计交付管理更加规范高效。
核心功能
- 检查面板：查看图层尺寸、间距、颜色、字体、效果等完整标注信息
- 代码生成：自动生成 CSS / Vue / React / Android 代码，支持 Ant Design、Element 等 UI 库
- D2C PRO：整页设计稿一键转换为生产级前端代码
- VSCode 扩展：在编辑器中直接查看设计稿和代码提示
- 研发工作台：设计师按版本发布交付区域，研发人员仅关注已发布的设计版本
- 实时同步：自动获取最新设计版本，确保设计与开发同步
本章内容
- 研发模式 — 切换方式、界面介绍、标注面板使用
- DSM 设计系统管理 — 设计系统管理平台配置与定义
- 研发工作台 — 设计稿交付管理与版本发布
- VSCode 扩展 — 在 VS Code 中查看设计稿、代码补全
- 设计转代码指南 — 设计稿规范与 D2C 使用最佳实践