首页   >   设计规范  >   Coffee

Coffee

     设计规范   2017-12-04    36

这是阿里的朋友自己开发的一个插件,可以帮助你快速的切图,大家可以试试,有任何建议可以在下方留言板留言,谢谢大家!


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

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


安装步骤


  • 下载插件

  • 双击Coffee Slice.sketchplugin安装


用法


简单切图


1.选择你想要切出的icon:

Coffee-Slice,一个简单的Sketch切图插件



2.运行插件:


点击插件栏中的 ‘🙉 Coffee Slice’ -> ‘Just Slice’ 或使用快捷键 : ⌃ + ⇧ + K


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

Coffee-Slice,一个简单的Sketch切图插件


4.搞定了!


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

Coffee-Slice,一个简单的Sketch切图插件


一键保存


1.选择你想要切出的icon:

Coffee-Slice,一个简单的Sketch切图插件


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

Coffee-Slice,一个简单的Sketch切图插件


3.选择保存路径

Coffee-Slice,一个简单的Sketch切图插件


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


Coffee-Slice,一个简单的Sketch切图插件



下载信息


名称:Coffee-Slice,一个简单的Sketch切图插件

格式:sketchplugin

版本:40

大小:20KB



优栋网版权所有 © Copyright 2017, All Rights Reserved .

联系站长