Sketch用于UI設(shè)計(jì)是很方便的，但是圖形設(shè)計(jì)在illustrator（AI）里面操作更方便。所以兩者之間的配合與互通，可以使工作變得更高效。
我之前都是通過復(fù)制粘貼或者拖拽，將AI文件轉(zhuǎn)移到sketch里面，顏色、尺寸也得單獨(dú)改動，費(fèi)時(shí)且費(fèi)力。
哪里有困難哪里就會有大神伸出援助之手，所以，一個(gè)圖標(biāo)批量導(dǎo)入的sketch插件就誕生啦。
其實(shí)作者在GitHub上已經(jīng)介紹很詳細(xì)了。下面就說一下我在安裝與使用過程中遇到的一些需要注意的點(diǎn)吧。
安裝好插件后，就開始試手了。
第一步：
首先要準(zhǔn)備SVG文件。注意哦，在用AI繪制圖標(biāo)時(shí)，每一個(gè)圖標(biāo)一個(gè)畫板，且在導(dǎo)出SVG之前（用文件-->導(dǎo)出，勾選畫板，而不是快速導(dǎo)出），要檢查圖層命名是否都為英文名稱，出現(xiàn)中文名稱的話可能在導(dǎo)入sketch時(shí)會出現(xiàn)錯(cuò)誤哦。
第二步：打開sketch，導(dǎo)入圖標(biāo)。
依次選擇“? Plugin --> Sketch icons --> Import icons;
之后就會出現(xiàn)這樣一個(gè)彈窗
Artboard size 就是設(shè)置導(dǎo)入圖標(biāo)時(shí)設(shè)置的畫板大小；
Artboard padding 就是邊距；
勾選? Convert to symbol的話，導(dǎo)入的圖標(biāo)就會自動轉(zhuǎn)成Symbol；
Mask? 這一選項(xiàng)是用來給圖標(biāo)替換顏色的。可以自己制作一份color mask，很簡單，在當(dāng)前文件中畫幾個(gè)不同顏色的矩形，分別轉(zhuǎn)成symbol 就可以了。
導(dǎo)入成功后就是這樣的
想了解更多關(guān)于這個(gè)插件的高階功能的童鞋可以打開這個(gè)鏈接
https://blog.prototypr.io/introducing-sketch-icons-2074d9dc9ed2
感謝閱讀，歡迎留言交流～
