如何将sketch 生成页面 切图

如何将sketch 生成页面 切图
最新回答
芳香的流年

2021-07-19 13:54:37

可以使用摹客的sketch插件,上传设计稿来完成标记切图。

1.在摹客官网下载插件,安装好后打开Sketch,在「Plugins(插件)」中找到摹客插件,选择并打开。


2.在Sketch中标记切图。切图往往存在两种形式:素材填满整个切图或者素材周围带空白区域。

素材填满整个切图:

  • 在Sketch中选中需要切图的图层或编组;

  • 点击右下角的Make Exportable,上传至摹客即可。

  • 无需再设置多种切图倍率,摹客将自动生成不同倍率的切图。

  • 素材周围带空白区域:

  • 在Sketch中选中需要切图的图层或编组,点击右下角的Make Exportable;

  • 再点击“切刀” 工具,对外框大小进行调整回即可。

  • 3.切图标记完成后点击“上传”,即可将设计稿资源一键上传至摹客,在摹客打开设计稿就可以自由下载不同平台不同尺寸的切图了。

南风草木香

2020-10-02 20:40:40

用标注插件Marketch输出html就可以了
下载插件管理工具搜索Marketch 插件管理工具下载地址:
http://www.sketchcn.com/sketch-plugins.html