跳到主要内容

导出资产与切图

摹客M3支持导出多种格式的切图,便于设计师交付设计资产到开发工程师手中。

导出切图

可以通过右侧属性面板,点击"+"标记导出切图;如果多次点击"+",可以一次下载多倍率的切图。

IMG_256

导出设置

可以在导出时,设置导出的倍率、前缀/后缀、格式以及是否显示预览效果。

  1. 导出倍率,可以设置0.5x、0.75x、1x、1.5x、2x、3x、4x、512w、512h,一个图层可以设置多个导出倍率。

  2. 导出图片的前缀/后缀,可以设置对应导出倍率的图片前缀/后缀。

  3. 导出格式,支持导出PNG、JPG、SVG格式的图片。

  4. 预览,展开预览可以便于查看导出效果。

IMG_257

批量导出切图

当需要导出多张图片时,可以通过批量导出,将多张图片导出到同一个文件夹中。

通过[主菜单]-[文件]-[导出]-[导出切片]进行批量导出,也可以通过快捷键打开切图列表。

MacOS:Command+Shift+E

Windows:Ctrl+Shift+E

IMG_258

IMG_259

切片工具

切片工具可以更加精准地设置切片尺寸,可以在画布中任意区域框选进行切图。

唤起切片工具

在顶部工具栏选择"切片"工具,或使用快捷键S。

IMG_260

创建切片

唤起后,通过鼠标拖拽框选创建切片图层,可以在右侧属性面板精确设置切片的宽高。

IMG_261

显示/隐藏切片

在[主菜单]-[视区]-[显示切片],可设置全局切片的显示和隐藏。

IMG_262

导出M3文件

点击左上角[主菜单]-[文件]-[导出]-[导出为M3文件],可以将当前文本导出在本地。

IMG_263