sketch Icons 一鍵換膚

一、安裝插件

1.下載并解壓 Sketch Icons.zip

2.雙擊 Sketch Icons.sketchplugin 完成安裝  【附件中可下載插件和圖標庫】

二、具體教程如下

1.導入圖標

1. 畫個矩形，填充顏色隨意，去掉邊框（B）——創(chuàng)建組件，命名自定義，雙擊進入組件，可再復制兩個，顏色自定義

2. 導入圖標：執(zhí)行插件（plugins）> sketch icons > import icons 或使用快捷鍵command ? +  shift ? + I，彈出對話框設置對應參數(shù)：畫板尺寸（如40-2）、邊距、是否轉(zhuǎn)化為symbol、是否添加顏色掩碼（部分版本沒有）、顏色源，設置完成后點擊continue進入下一步，選擇要導入的SVG格式圖標，圖標最終的命名就是你導入進來的命名 

注意：圖標一定要是SVG矢量格式（可以下載或者導入自己設計的SVG圖標也可以下載SVG圖標庫，像阿里巴巴，F(xiàn)ont Awesome）

【 畫板大小和畫板內(nèi)邊距關系說明 】

2.換膚

點擊組件（symbol）里面的矩形，改變其填充顏色，可自定義，你會發(fā)現(xiàn)剛才的圖標顏色全變了

3.導出圖標

       圖標設置好后，我們就開始準備導出：鼠標從空白區(qū)域開始框選要導出的圖標，全中后點擊右側(cè)下方的?，創(chuàng)建要保存的文件夾位置，可創(chuàng)建多層

      這里要說下插件（plugins）>sketch icons >設置里面的文件路徑（add prefix）icons/XX/**.icon,相當于在導出時要選擇的文件夾里面再常見一個文件夾衛(wèi)icons/XX的兩個文件夾，類推，所以這個位置可以為空，導出的時候需要幾個文件夾分類就直接創(chuàng)建幾個

4.創(chuàng)建圖標組件庫，每個項目都可以用

保存創(chuàng)建好的圖標——sketch——首選項——組件庫，點擊左下方添加到組件庫，你會看到剛才創(chuàng)建的圖標已經(jīng)顯示在組件庫了

切換到其他頁面，點擊工具欄中組件中下拉找到自己的圖標庫就可以隨便應用了

如果想更換顏色，只需要在圖標源文件中，點擊顏色源（組件symbol的矩形更改填充顏色為想要的顏色，保存后圖標就會自動更改了）

5.其他

重新組織圖標：執(zhí)行 Plugins > Sketch Icons > Organize icons... 允許重新選擇同 導入圖標 的相關選項以再次組織圖標

替換一些圖標：該功能允許替換或更新已導入到庫的圖標，執(zhí)行Plugins > Sketch Icons > Repalce Icons

在圖標上添加顏色掩碼

如果想將顏色遮罩應用于單個或一組圖標，則選中要更改的一個或一組圖標，執(zhí)行 Plugins > Sketch Icons > Apply a color mask... 或使用快捷鍵 command ? + shift ? + M 在彈出的對話框中選擇其他顏色源即可（顏色想再次修改，只需找到對應的組件symbol，改變填充顏色即可）（來自 Symbol、來自顏色拾取器）、文檔源、顏色后提交添加

 

替換 / 刪除顏色掩碼：執(zhí)行 Plugins > Sketch Icons > Replace / Remove color mask...

其他不懂的可以私信我，視頻暫時沒錄，以后再完善