告别繁琐切图流程 MasterGo切图功能让设计交付更加高效

协同设计时代，组织效率对企业来说变得更为重要。从设计到交付，再到开发，理应是一个协同配合、互相成就的过程。「切图」是设计交付的重要输出物之一，是连接设计师和工程师的重要“纽带”，如果切图不准确，很容易导致最终的产品呈现与设计稿大相径庭。

为了完美还原设计稿，设计师需要根据不同设备导出不同命名方式、不同格式的图片，工程师则需要在页面快速找到切图，然后下载这些不同命名方式、不同设备的图片。

一些设计工具都有切图相关的功能，但如果需要高效精准地切图，除了基础的导出功能外，还应具备导出预设、批量增加、便捷寻找等功能，以满足设计师与工程师智能化提效的需求。

以 MasterGo 为例，MasterGo 提供预设切图参数功能，⽀持 Android、iOS、Flutter 设备的尺⼨、倍率、前后缀、格式等不同类型的切图导出。设计师再也不⽤单独制作不同参数类型的切图，然后打包交付给开发了。

为了提升协作体验，MasterGo 还上线了切图列表和批量导出切图功能，设计师交付设计稿后，⼯程师可以通过切图列表快速定位切图，并查看相关标注和应⽤⽅式，同时MasterGo 还支持⼀键快速导出所有切图，让设计交付⽆缝衔接。

具体来看一下如何操作。首先，可以点击「切图⼯具」或按快捷键 S ，即可启⽤切图⼯具，在需要切图的地⽅绘制切图范围。

完成切图后，需要在右侧栏下⽅设置导出选项。这⾥有⼀个管理导出选项的⼩技巧，当我们想要调整或者删除某个导出设置时，可以选中该导出选项，并上下拖拽调整位置顺序，也可以通过点击“-”删除该导出选项。

当设置好了所有切图的导出选项后，就可以通过选择「导出所有切图」在切图列表中批量选择切图进⾏导出。

工欲善其事，必先利其器。合理利用工具可以起到事半功倍的效果，好的产品设计工具，有助于减少产品设计工作中的低效重复工作。MasterGo上线的切图功能不仅更符合国内设计师和工程师的使用习惯，而且能大幅提升团队和企业的工作效率。

来源：站长之家

免责声明：本文来源于网络，仅代表作者本人观点，与TechWeb无关。凡来源非TechWeb的新闻（作品）只代表本网传播该消息，并不代表赞同其观点。TechWeb对文中陈述、观点判断保持中立，不对所包含内容的准确性、可靠性或完整性提供任何明示或暗示的保证。请读者仅作参考，并请自行承担全部责任