请教一下sketch切图的方法

用 Sketch 导出资源，其实自身的功能就够用了。如果不需要资源有多余空白直接使用右下角的 “Make Exportable”，需要多余空白则用切片，为了方便管理可以统一使用切片。

第一件需要大量时间的事是：人工重复设置切片导出选项，比例和格式。这个过程可以使用脚本完成。因为这个功能就几行代码而已，而且也不知道用户设计稿是怎样的，需要导出多少尺寸，很多开发不会做成独立插件，一般在某些插件中带有这个功能。完全可以自己做一个插件。

第二个需要大量时间的事是：资源分组，iOS 和 web 不存在此问题，Android 需要把不同尺寸的资源放在不同文件夹，就是把 @2x 这样的图片放在一个文件夹内，去掉 @2x，一个切片导出是不会分组的，Sketch 可以在切片上写路径来确定导出目录，这个工作也比较耗时，一般是导出之后在处理分组问题。如果你会 Shell 分组就很简单。

另外一个问题是，大批量导出和单个导出之间的矛盾，你可以找到一些大批量导出资源的插件，但这些插件基本上没有处理只要导出少数内容的问题。因为上一次导出的内容可能已经经过压缩，作为成品了，重新把所有资源再压缩一次很费时间。

理想流程1，直接在需要导出的内容分组内加切片或设置内容为 Exportable，不需要考虑尺寸和格式，然后在导出时统一设置。这样你需要使用 Sketch 隐藏的工具 sketchtool （不是装插件的那个），或者自己写一个插件。并且考虑大批量导出和单个导出的问题。

理想流程2，都导出成 SVG，Mac 上有很多 SVG 转图片的命令行工具。单独导出也只要在 Sketch 中设置了导出 SVG 的图层拉到文件夹内就行。

所以 Sketch 里面根本不愁切图的问题，就看你想怎么装X。

不想装 X，推荐 Measure https://github.com/utom/sketch-measure

楼上那个钻石说的很对，其实切片切图PS就有，只是现在很多人不会用了；sketch直接导出就是楼上说的那个样子，多用用就明白了，不打广告，不过推荐一些视频，sketch早期教程视频有点过时了，但是基础的东西还是不变的，可以去极客学院看看sketch视频，不要用PC端，好像收费，用ipad下载HD版，免费的，希望能帮到你。真心不是广告。

直接用marketch，省时省力，不用标注，一键切图，多好。。

建议375做。一像素线做0.5即可
ios切直接1，2，3x
Android切直接换算1.5，2.25和3.375x
自定义切的时候比如你把1x改成60w那么就是切60px宽的一张图，同理60h就是切60px高

直接切。。可以选择1X，2X什么的，在右边工具栏下面一点有个小刀的标志

sketch切图需要注意以下两点！

第一点：设计尺寸和资源的比例

sketch的切图首先要明确你是在用什么尺寸进行设计，这个关系到导出图片的倍数。

如果设计尺寸是375x667pt，那么导出的资源尺寸倍数，1倍，2倍，3倍。（推荐使用这个尺寸）。

如果设计尺寸是750x1334px，那么导出的资源尺寸倍数，0.5，1倍，1.5倍。（某些设计师喜欢这个尺寸）。

第二点：切图大小和资源的关系

    方法一：图层直接切图，切图效果仅生成内容尺寸。

    如果你的设计尺寸是20x20pt，而内容尺寸是18x16pt，那导出的尺寸为18x16pt。

   方法二：使用切图工具进行框选切图。

   切刀工具会自动吸附到外框，点击后依然会切到内容尺寸，需要手动调整到期望尺寸。

   （通常我们需要切透明 .png，这时候可以将切片内容和切片图层，成组。成组后可以选中切片图层，并勾选仅导出内容。即可倒出透明资源）

关于sketch的一些使用技巧和流程（视频哟！），可以关注我的微信订阅号：淘乐志 ～欢迎和我交流～

1.5X = @3X

1X = @2X，

measure 直接导出 https://github.com/utom/sketch-measure

下载个sketch Toolbox，里面的插件很全，再到里面下载Measure，装完之后到菜单栏找到插件，第二行点进去，只要会用都能看懂！

键盘“s”键，移动到你要切图的图上，他会出现小刀到形状，那样就可以切图了。切完图在右下角可以调整倍数。（记得背景图层，不然会把背景颜色活着什么一起切进去）

请下个zeplin插件配合sketch 非常好用