Skip to content

研发工作台

研发工作台是为研发人员提供专属设计稿交付管理平台,可浏览设计稿件并将设计转为代码。研发工作台支持按版本进行交付,研发人员仅需关注设计师已发布的版本,解耦研发模式和设计文件,大幅提升研发查看标注的加载速度。

  • 版本管理:支持在设计模式下发布版本,并将指定版本分享给研发,保障交付准确性。可查看和回溯历史版本,版本号与更新类型联动,便于识别变更内容。
  • 极速加载:通过减少冗余数据加载,显著提升文件打开速度。结合 CDN 加速与强缓存策略,实现文件二次打开的极速响应。
  • 研发专属界面:提供研发人员专属的设计稿管理界面,减少无效信息干扰,按区域分类管理交付模块,支持单区域查看标注并自动过滤无关图层信息,提升研发查阅效率。
  • 插件能力:新增标注插件和代码片段插件,辅助研发更高效还原设计稿。标注插件聚焦交付要素,代码片段插件支持自定义代码块,贴合具体业务需求。同时支持插件列表浏览与订阅,方便接入社区插件。
  • VS Code 扩展:支持在 VS Code 中登录 MasterGo 账号,直接查看设计稿与标注代码,并在选中图层后实现 CSS 属性自动补全,提升研发开发体验与效率。

发布版本

发布版本

  1. 将需交付的设计稿放入画布中的交付区域。
  2. 选中画布中的区域,右侧属性面板点击 「发布版本」。

发布版本@3x.png

  1. 填写版本描述(≤100字符)。

版本描述@3x.png

  1. 选择版本类型,系统自动生成版本号,点击「发布版本」。

版本号规则:

  • 版本升级(大改):X+1.0.0
  • 模块更新(中改):1.X+1.0
  • 细节更新(小改):1.0.X+1
  1. 右侧属性面板生成版本链接,点击「分享版本」,复制版本链接分享给研发。

分享版本@3x.png

更新版本

  1. 修改区域中的设计稿后,点击右侧属性面板中的「更新版本」按钮。
  2. 将按发布流程更新版本号。

更新版本@3x.png

管理历史版本

  • 点击右侧属性面板区域中的「···」按钮,选择 「管理版本」。
  • 可以查看历史版本并获取链接。

管理版本@3x.png

研发工作台

  1. 进入工作台

    • 通过设计师分享的专属链接,直接打开研发工作台。
    • 或在设计模式中切换研发模式。
  2. 工作台界面

研发工作台@3x.png

  • 交付区域:左侧面板查看文件下所有已发布的区域,展示版本号、描述、更新时间(hover 查看详情)。
  • 图层:与设计模式一致,可查看选中区域下的所有图层。
  • 查看标注:在右侧面板可获取选中区域对应的研发标注信息。
  • 评论:仅支持在交付区域内创建新评论,可查看或回复当前交付区域内的评论。