由「设计」经「交付」到「开发」，理应是一个协同配合、互相成就的过程。

设计师通过视觉稿呈现其想法，工程师将其完美还原，将伟大的想法变为现实，美好且令人振奋。

但在实际的操作过程中，最终的产品呈现往往与视觉稿大相径庭。

造成这种低视觉还原度的原因，往往是因为交付时，并没有针对不同的设备进行准确匹配，导致最终的开发出现很大的偏差，对于严谨到像素级的设计师来说，就好像自己的劳动成果被摁在地上狠狠“摩擦”。

一切的关键在于「切图」，「切图」是设计开发的关键流程，是连接「设计师」和「工程师」的重要“纽带”。

为保证设计稿的完美还原。作为设计师，需要快速根据不同设备导出不同命名方式、不同格式的图片；作为工程师，需要在页面快速找到切图，且下载不同命名方式、不同设备的图片。

很多设计工具都配置了「切图」功能，而高效精准的「切图」，除了具备基础的导出功能外，更应该具备「导出预设」「批量增加」「便捷寻找」等智能化提效功能，来满足设计师与工程师的需要。

广大设计师与工程师“苦「切图」久矣”，急需高效便捷的产品功能解决这一痛点。

也就是在此时，MasterGo 「切图」功能正式上线！

下面我们具体了解一下 MasterGo 「切图」功能是如何进行操作的。

进入 MasterGo 工作台，有两种方法开启「切图」功能：

• 在设计界面，鼠标点击工具栏「容器」旁的下拉图标，选择开启「切图」功能。
• 使用快捷键 S，即可开始使用切图工具。还可以使用快捷键 Shift+S，快速显示和隐藏制作的切图。

MasterGo 「切图」功能支持预设切图参数，支持 Android、iOS、Flutter 设备的尺寸、倍率、前后缀、格式等不同类型的切图导出。

设计师无需单独制作不同参数类型的切图，在 MasterGo 上，一图满足多设备、多尺寸使用需求，实现高效交付。

• 点击「导出」按钮右侧的「预设」按钮，可设置切图预设。

• 支持 iOS Android Flutter 预设，倍率、前后缀、格式。批量导出，素材打包一键搞定。

• 任何元素在设计页面设置了切图导出选项，标注模式下，都会有虚线提示，帮助研发快速定位切图位置。

无论是移动端还是网页端设计，高度还原个性化设计，都能更好吸引用户目光、拉开与竞品的差异，设计师的特别设计、精致图标和特殊装饰元素，往往无法由工程师通过代码实现，「切图」是唯一的办法。

MasterGo「切图」功能，帮你告别繁琐的切图流程，便捷、高效、完美地还原设计想法。 

Powered by Froala Editor