研发模式

研发模式是 MasterGo 的一个新工作空间,在设计交付场景专为研发工程师使用,可一键开启或关闭。研发模式支持多项提升研发效率和体验的功能模块,例如开发状态标记、资源识别、盒子模型标注以及多平台语言/单位/倍率转化等。

进入研发模式

获得此功能更新的用户(包括查看者权限)能够在设计模式下看到研发模式的开关,点击可以一键开启研发模式。

  • 打开 MasterGo 文件。
  • 在设计模式下导航右侧出现一个研发模式的开关 </>
  • 点击该开关或快捷键 Shift + D 开启研发模式,再次点击即可关闭。

研发模式入口展示

图层信息面板

研发模式信息展示

组件

选中组件或实例时,你将看到组件的预览,以及组件的属性和状态值。

代码

在研发模式下单击画布上的任何对象,会根据所选内容的布局方式展示盒子模型。以及自动生成布局代码片段。 你可以选择要生成代码的语言,如:CSS、iOS、Android。还有单位及缩放比例。

颜色

查看应用于所选图层的颜色样式。

资源

研发模式可以自动检测图标并将其作为开发人员可下载的切图状态。

导出

可以将选中的图层以指定的格式进行导出,MasterGo 支持以下导出格式:PNG、JPG、PDF、WEBP 和 SVG。

可开发状态

区域工具的一项进阶能力,该功能允许编辑者将某一个区域标记为:可开发状态。被标记的区域将会在研发模式中有单独的展示区域。

  • 进入研发模式后,在左侧面板可以看到可开发状态的画板。
  • 点击画板,画布视图跳转至当前选中的容器图层。
  • 点击分组,画布视图跳转至当前选中的区域图层。

MasterGo 会持续优化研发模块信息的展示,以及展示代码的可用性。我们非常期待听取开发工程师用户的使用反馈,如果您有相关意见,可随时联系在线客服进行反馈。

评价此篇文章:👍🏻 有帮助 👎🏻 无帮助

👉本篇文章对你是否有帮助?👍🏻 有帮助 👎🏻 无帮助,我们期待着你的反馈。