MasterGo开发模式支持查看图层尺寸、颜色及代码并一键复制CSS/iOS/Android代码；需先开启文件“可开发状态”，点击图标或按Shift+D（画布聚焦时）启用；悬停图层显示样式信息，可切换平台代码与单位；支持单个/批量导出切图，SVG不支持阴影模糊；可逐行或整体复制CSS及悬停复制颜色值。
在MasterGo中启用开发模式，能让开发者直接查看图层的尺寸、颜色、代码片段，并一键复制CSS/iOS/Android代码，避免手动测量和猜测样式。
进入开发模式
打开任意已开启「可开发状态」的设计文件 → 点击右上角工具栏中的 【】图标 → 开发模式即刻激活。若图标为灰色不可点，说明该文件未开启可开发状态，需联系设计师在设计模式下勾选「允许开发」。
快捷键为 Shift+D，但仅在画布聚焦时生效；若按快捷键无反应，请先单击画布空白处再试。
查看图层属性与代码
在开发模式下，鼠标悬停任意图层，右侧检查面板自动展开。
点击画布中某个按钮或文字图层，检查面板立刻显示其：X/Y坐标、宽高、margin/padding、字体大小、行高、颜色HEX值、背景色、边框等完整样式信息。
布局区域默认显示CSS代码，点击语言切换按钮可切换为iOS（Objective-C/Swift）或Android（Kotlin/Java）格式；单位默认px，点击单位下拉框可改为rem、dp、sp等——【单位切换后，所有数值实时重算，但不会自动保存到设计稿】。
批量导出切图与资源
方法一：右键图层 → 选择「导出为」→ 指定格式（PNG/JPG/SVG/WEBP）、倍率（1x/2x/3x）、命名前缀 → 点击「导出」。
方法二：在左侧图层面板按住Ctrl（Windows）或Cmd（Mac）多选图层 → 右键 → 「批量导出」→ 一次性设置全部参数并导出。
注意：若图层含渐变、阴影或模糊效果，导出为PNG时会自动保留，但导出为SVG时将丢失这些效果——【SVG不支持阴影和模糊，导出前务必确认需求】。
复制代码与颜色
第一步：选中目标图层。
第二步：在检查面板「样式」区域，将鼠标移至某条CSS属性（如 background-color）右侧，出现「复制」图标 → 点击即可复制该行代码。
第三步：若需复制整块CSS，点击「布局」标签页右上角的「复制全部」按钮 → 粘贴到编辑器中即得带注释的完整样式块。
颜色值支持hover复制：直接将鼠标悬停在HEX、RGBA等色值上，出现手型光标后单击，色值立即入剪贴板。
