Sketch用于UI設計是很方便的，但是圖形設計在illustrator（AI）里面操作更方便。所以兩者之間的配合與互通，可以使工作變得更高效。

我之前都是通過復制粘貼或者拖拽，將AI文件轉移到sketch里面，顏色、尺寸也得單獨改動，費時且費力。

哪里有困難哪里就會有大神伸出援助之手，所以，一個圖標批量導入的sketch插件就誕生啦。

插件鏈接：AMoreaux/Sketch-Icons?

其實作者在GitHub上已經介紹很詳細了。下面就說一下我在安裝與使用過程中遇到的一些需要注意的點吧。

安裝好插件后，就開始試手了。

第一步：

首先要準備SVG文件。注意哦，在用AI繪制圖標時，每一個圖標一個畫板，且在導出SVG之前（用文件-->導出，勾選畫板，而不是快速導出），要檢查圖層命名是否都為英文名稱，出現中文名稱的話可能在導入sketch時會出現錯誤哦。

圖層命名為英文

第二步：打開sketch，導入圖標。

依次選擇“? Plugin --> Sketch icons --> Import icons;

導入SVG圖標

之后就會出現這樣一個彈窗

Artboard size 就是設置導入圖標時設置的畫板大??；

Artboard padding 就是邊距；

勾選? Convert to symbol的話，導入的圖標就會自動轉成Symbol；

Mask? 這一選項是用來給圖標替換顏色的?？梢宰约褐谱饕环輈olor mask，很簡單，在當前文件中畫幾個不同顏色的矩形，分別轉成symbol 就可以了。

設置導入參數

導入成功后就是這樣的

導入圖標成功

想了解更多關于這個插件的高階功能的童鞋可以打開這個鏈接

https://blog.prototypr.io/introducing-sketch-icons-2074d9dc9ed2

感謝閱讀，歡迎留言交流～