研发工作台

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

  • 版本管理:支持在设计模式下发布版本,并将指定版本分享给研发,保障交付准确性。可查看和回溯历史版本,版本号与更新类型联动,便于识别变更内容。

  • 极速加载:通过减少冗余数据加载,显著提升文件打开速度。结合 CDN 加速与强缓存策略,实现文件二次打开的极速响应。

  • 研发专属界面:提供研发人员专属的设计稿管理界面,减少无效信息干扰,按区域分类管理交付模块,支持单区域查看标注并自动过滤无关图层信息,提升研发查阅效率。

  • 插件能力:新增标注插件和代码片段插件,辅助研发更高效还原设计稿。标注插件聚焦交付要素,代码片段插件支持自定义代码块,贴合具体业务需求。同时支持插件列表浏览与订阅,方便接入社区插件。

  • VS Code 扩展:支持在 VS Code 中登录 MasterGo 账号,直接查看设计稿与标注代码,并在选中图层后实现 CSS 属性自动补全,提升研发开发体验与效率。

发布版本

发布版本

1、将需交付的设计稿放入画布中的交付区域。

2、选中画布中的区域,右侧属性面板点击 「发布版本」。 发布版本@3x.png

3、填写版本描述(≤100字符)。 版本描述@3x.png

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

版本号规则:

  • 版本升级(大改):X+1.0.0

  • 模块更新(中改):1.X+1.0

  • 细节更新(小改):1.0.X+1

5、右侧属性面板生成版本链接,点击「分享版本」,复制版本链接分享给研发。 分享版本@3x.png

更新版本

1、修改区域中的设计稿后,点击右侧属性面板中的「更新版本」按钮。

2、将按发布流程更新版本号。

更新版本@3x.png

管理历史版本

  • 点击右侧属性面板区域中的「···」按钮,选择 「管理版本」。

  • 可以查看历史版本并获取链接。

管理版本@3x.png

研发工作台

1、进入工作台

  • 通过设计师分享的专属链接,直接打开研发工作台。

  • 或在设计模式中切换研发模式。

2、工作台界面 研发工作台@3x.png

(1)交付区域

  • 左侧面板查看文件下所有已发布的区域,展示版本号、描述、更新时间(hover查看详情)。

(2)图层

  • 与设计模式一致,可查看选中区域下的所有图层。

(3)查看标注

在右侧面板可获取选中区域对应的研发标注信息。

(4)评论

  • 仅支持在交付区域内创建新评论,可查看或回复当前交付区域内的评论。

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

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