sketch切圖插件Coffee Slice

Coffee Slice是一款免費(fèi)的sketch切圖插件，這款插件提供了一鍵多尺寸標(biāo)準(zhǔn)化切圖，這款插件提供了齊全的切圖相關(guān)的功能，給出目標(biāo)容器尺寸就可以自動(dòng)計(jì)算icon的描邊屬性、寬度，更支持對(duì)icon進(jìn)行縮放、貼邊處理。

功能介紹：

簡單切圖功能

根據(jù)用戶給出的目標(biāo)容器尺寸，自動(dòng)計(jì)算 icon 的描邊屬性、寬度，對(duì) icon 進(jìn)行縮放、貼邊處理。添加切圖圖層，自動(dòng)生成基于 @1x/@2x/@3x 分辨率的成品切圖

一鍵保存功能

生成 @1x/@2x/@3x 分辨率的成品切圖并一鍵保存到指定路徑

使用方法：

簡單切圖

選擇你想要切出的icon

執(zhí)行 Plugins > Coffee Slice > Just Slice 或使用快捷鍵 command ⌘ + shift ⇧ + K

告訴插件一個(gè)icon的目標(biāo)尺寸

搞定了!已經(jīng)自動(dòng)生成基于 @1x/@2x/@3x 分辨率的成品切圖(自動(dòng)添加 slice 圖層)，使用 Sketch 的 Export 功能將它保存下來吧

一鍵保存

選擇你想要切出的 icon

選擇你的設(shè)計(jì)稿的分辨率(1x 或 2x)，并確定你所需要的 icon 文件類型(PNG 或 SVG)

選擇保存路徑

你的圖標(biāo)已經(jīng)保存在指定路徑了