一個(gè)強(qiáng)大的 Sketch 插件合集，由微信設(shè)計(jì)團(tuán)隊(duì)量身打造，讓設(shè)計(jì)師和開(kāi)發(fā)者更佳高效的使用 Sketch。
更高效的團(tuán)隊(duì)協(xié)作，如：UI Kit 同步、色板同步等。
更快捷的交互設(shè)計(jì)，如：圖標(biāo)庫(kù)、自動(dòng)連線(xiàn)、標(biāo)記注釋、全局替換文字、字體、顏色。
更精準(zhǔn)的前端還原，如：補(bǔ)齊寬高導(dǎo)出圖片、導(dǎo)出 CSS 代碼（支持小程序）等。
下載 & 安裝? ??
下載 Zip 安裝包?解壓縮。?(支持 Sketch v44 以上版本)??
打開(kāi)?wesketch.sketchplugin?安裝使用
界面預(yù)覽? ??
菜單欄
工具欄
功能 & 教程? ??
1.管理Ui Kit
本功能用于團(tuán)隊(duì)輸出 UIKit 設(shè)計(jì)標(biāo)準(zhǔn)，并用于團(tuán)隊(duì)成員快速協(xié)同。
1. 新建一個(gè) Sketch 畫(huà)板，選擇 WeSketch => 管理 UIKit => 同步 UIKit，本插件為您提供了三個(gè)可使用的示例。
2. 選擇 WeUI 或其它，點(diǎn)擊確定，你所打開(kāi)的畫(huà)板，會(huì)下載已經(jīng)在放在 http 服務(wù)器的 UIKit 并導(dǎo)入到你現(xiàn)在的畫(huà)板。
2.管理色板
本功能用于團(tuán)隊(duì)約定一套顏色標(biāo)準(zhǔn)，并用于團(tuán)隊(duì)成員快速協(xié)同。
1. 新建一個(gè) Sketch 畫(huà)板，選擇 WeSketch => 管理色板 => 同步色板，本插件為您提供了一個(gè)可使用的示例。
2. 選擇 WeUI 點(diǎn)擊確定，你所打開(kāi)的畫(huà)板，會(huì)下載已經(jīng)在放在 http 服務(wù)器的色板并導(dǎo)入到你現(xiàn)在的畫(huà)板。
3. 在你顏色設(shè)置的 Document Colors 面板可以看到已經(jīng)同步的顏色標(biāo)準(zhǔn)庫(kù)。
3.批量替換文本、字體、顏色
本功能用于快速解決產(chǎn)品經(jīng)理的反復(fù)無(wú)常的腦洞 （我們?cè)俑囊幌孪拢俑囊幌孪?，算了，換回第一版吧）
文字
字體
顏色
由于本功能十分簡(jiǎn)單打開(kāi)就能用，所以說(shuō)明主要用于調(diào)侃產(chǎn)品經(jīng)理：）
4.交互連線(xiàn)
本工具用于快速標(biāo)注 UI 設(shè)計(jì)中的頁(yè)面關(guān)系。本功能與市面上已有的連線(xiàn)工具最大的不同是，可以自動(dòng)繞過(guò)障礙，連線(xiàn)不會(huì)重合選中頁(yè)面中任何兩個(gè)元素，點(diǎn)擊交互連線(xiàn)。即可完成兩者之間的連接。
5.注釋標(biāo)記
本工具用于快速標(biāo)注設(shè)計(jì)中對(duì)元素進(jìn)行注解。選中頁(yè)面中任何一個(gè)元素，點(diǎn)擊標(biāo)記注釋?zhuān)纯砂催x擇順序生成從1開(kāi)始排列的序號(hào)。
十分建議記下功能快捷鍵，初始快捷鍵為 command+shift+2。若想自定義快捷鍵，可以打開(kāi) WeSketch => 快捷鍵設(shè)置，進(jìn)行自定義快捷鍵。
本功能只有一個(gè)功能鍵，即交互連線(xiàn)按鈕。但依然有很多細(xì)節(jié)。
選擇一個(gè)元素，若此元素沒(méi)有添加過(guò)標(biāo)記，按快捷鍵，即可添加一個(gè)在右邊的標(biāo)記。
選擇一個(gè)已有在右邊的標(biāo)記，按快捷鍵，會(huì)刪除右邊的標(biāo)記，生成左邊的標(biāo)記。
選擇一個(gè)已有在左邊的標(biāo)記，按快捷鍵，此時(shí)若選中的數(shù)字在頁(yè)面中不為最后一個(gè)標(biāo)記（假如頁(yè)面中有9，刪除第8個(gè)標(biāo)記），頁(yè)面中會(huì)彈出選項(xiàng)。
選擇刪除標(biāo)記并保留排序 （選擇此選項(xiàng)會(huì)將 8 標(biāo)記刪除，9 標(biāo)記不動(dòng)，下次再標(biāo)記會(huì)以 8 開(kāi)始）
刪除標(biāo)記并重新排序 （選擇此選項(xiàng)會(huì)將 8 標(biāo)記刪除，之后 9 標(biāo)記變?yōu)?8，如果后續(xù)還有會(huì)依次類(lèi)推，下次再標(biāo)記會(huì)以最后一個(gè)數(shù)的后一個(gè)數(shù)開(kāi)始）
6.自定義寬高導(dǎo)出
本功能用于快速解決一些占位 icon 需要擴(kuò)大點(diǎn)擊區(qū)域，或者 icon 需要導(dǎo)出統(tǒng)一尺寸但又不能拉伸的需求。
選中任意個(gè) icon 點(diǎn)擊導(dǎo)出，或使用快捷鍵 command shift U，彈出窗口填入你統(tǒng)一導(dǎo)出的寬高、倍數(shù)、格式，確定之后選中目錄，即可獲得相對(duì)應(yīng)的圖片。
7.生成代碼（支持小程序）
本功能用于開(kāi)發(fā) GG 用一個(gè)快捷鍵就能導(dǎo)出各種設(shè)計(jì)稿中的字體及各種基本塊狀樣式能力。
選中一個(gè)你需要獲取對(duì)應(yīng)代碼的字體或者圖形，使用獲取樣式的快捷鍵 command shift d，插件會(huì)按照常見(jiàn) css 寫(xiě)法將樣式放入剪貼板中。
8.快捷取色
選中一個(gè)你需要獲取顏色的字體或圖形，使用快捷鍵 command shift c，插件會(huì)導(dǎo)出 web 標(biāo)準(zhǔn)色。或帶透明度，會(huì)使用rgba形式。
9.圖標(biāo)庫(kù)
本功能提供常用 icon，并提供搜索功能，讓你在使用 Sketch 完成交互稿的過(guò)程中不需要再費(fèi)心去找 icon 了。
打開(kāi) WeSketch => 圖標(biāo)庫(kù)，點(diǎn)擊圖標(biāo)庫(kù)中任意 icon 即會(huì)出現(xiàn)你的畫(huà)稿中央，供你設(shè)計(jì)交互過(guò)程中快速使用。
10.自定義快捷鍵
十分建議在了解功能之后首先搭建自己常用功能的快捷鍵。以此借助此插件你的 design 或者 code 達(dá)到比快更快的目標(biāo)。
選擇一個(gè)你需要設(shè)置的功能的對(duì)應(yīng)輸入框中使用 shift option command 三個(gè)功能鍵一個(gè)及以上，搭配字母或數(shù)字鍵，同時(shí)按住，輸入框中出現(xiàn)你想要的組合鍵，點(diǎn)擊確定后嘗試使用。
插件下載地址：
https://github.com/weixin/WeSketch/blob/master/README-zhCN.md
