Sketch智能切图工具。大清已经亡了,切图的事就不要人工来做了。简单切图功能:根据用户给出的目标容器尺寸,自动计算icon的描边属性、宽度,对icon进行缩放、贴边处理,添加切图图层,自动生成基于@1x/@2x/@3x分辨率的成品切图。一键保存功能:生成@1x/@2x/@3x分辨率的标准切图并一键保存到指定路径。

切图这么简单的事,就不要人工做了呀,用 Coffee Slice 都可以一键搞定

安装

  1. 下载安装包
  2. 双击 Coffee Slice.sketchplugin完成安装

功能

简单切图功能

根据用户给出的目标容器尺寸,自动计算 icon 的描边属性、宽度,对 icon 进行缩放、贴边处理。添加切图图层,自动生成基于 @1x/@2x/@3x 分辨率的成品切图

一键保存功能

生成 @1x/@2x/@3x 分辨率的成品切图并一键保存到指定路径

使用

简单切图

选择你想要切出的icon

执行 Plugins > Coffee Slice > Just Slice 或使用快捷键 command ⌘ + shift ⇧ + K

告诉插件一个icon的目标尺寸

搞定了!已经自动生成基于 @1x/@2x/@3x 分辨率的成品切图(自动添加 slice 图层),使用 Sketch 的 Export 功能将它保存下来吧

一键保存

选择你想要切出的 icon

选择你的设计稿的分辨率(1x 或 2x),并确定你所需要的 icon 文件类型(PNG 或 SVG)

选择保存路径

你的图标已经保存在指定路径了

发表评论

后才能评论

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担(绝大部分为国外无版权素材,国内基本可放心使用)。

最常见的情况是下载不完整。可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

只要是赞助了我们的OH星人会员,视频教程都是可以永久免费观看的,并且我们也在不断的持续更新,只为能带来更丰富的内容和更好的体验。

如果您已经成功付款但是网站没有弹出成功提示,请联系我们提供付款信息为您处理。

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好是您所需要的资源。