一個(gè)強(qiáng)大的 Sketch 插件合集暇藏，由微信設(shè)計(jì)團(tuán)隊(duì)量身打造，讓設(shè)計(jì)師和開發(fā)者更佳高效的使用 Sketch濒蒋。
更高效的團(tuán)隊(duì)協(xié)作盐碱，如：UI Kit 同步把兔、色板同步等。
更快捷的交互設(shè)計(jì)瓮顽，如：圖標(biāo)庫县好、自動(dòng)連線、標(biāo)記注釋暖混、全局替換文字缕贡、字體、顏色拣播。
更精準(zhǔn)的前端還原善绎，如：補(bǔ)齊寬高導(dǎo)出圖片、導(dǎo)出 CSS 代碼（支持小程序）等诫尽。
下載 & 安裝? ??
下載 Zip 安裝包?解壓縮。?(支持 Sketch v44 以上版本)??
打開?wesketch.sketchplugin?安裝使用
界面預(yù)覽? ??
菜單欄
工具欄
功能 & 教程? ??
1.管理Ui Kit
本功能用于團(tuán)隊(duì)輸出 UIKit 設(shè)計(jì)標(biāo)準(zhǔn)炬守，并用于團(tuán)隊(duì)成員快速協(xié)同牧嫉。
1. 新建一個(gè) Sketch 畫板，選擇 WeSketch => 管理 UIKit => 同步 UIKit减途，本插件為您提供了三個(gè)可使用的示例酣藻。
2. 選擇 WeUI 或其它，點(diǎn)擊確定鳍置，你所打開的畫板辽剧，會(huì)下載已經(jīng)在放在 http 服務(wù)器的 UIKit 并導(dǎo)入到你現(xiàn)在的畫板。
2.管理色板
本功能用于團(tuán)隊(duì)約定一套顏色標(biāo)準(zhǔn)税产，并用于團(tuán)隊(duì)成員快速協(xié)同怕轿。
1. 新建一個(gè) Sketch 畫板，選擇 WeSketch => 管理色板 => 同步色板辟拷，本插件為您提供了一個(gè)可使用的示例撞羽。
2. 選擇 WeUI 點(diǎn)擊確定，你所打開的畫板衫冻，會(huì)下載已經(jīng)在放在 http 服務(wù)器的色板并導(dǎo)入到你現(xiàn)在的畫板诀紊。
3. 在你顏色設(shè)置的 Document Colors 面板可以看到已經(jīng)同步的顏色標(biāo)準(zhǔn)庫。
3.批量替換文本隅俘、字體邻奠、顏色
本功能用于快速解決產(chǎn)品經(jīng)理的反復(fù)無常的腦洞 （我們再改一下下，再改一下下为居，算了碌宴，換回第一版吧）
文字
字體
顏色
由于本功能十分簡單打開就能用，所以說明主要用于調(diào)侃產(chǎn)品經(jīng)理：）
4.交互連線
本工具用于快速標(biāo)注 UI 設(shè)計(jì)中的頁面關(guān)系颜骤。本功能與市面上已有的連線工具最大的不同是唧喉，可以自動(dòng)繞過障礙，連線不會(huì)重合選中頁面中任何兩個(gè)元素肤粱，點(diǎn)擊交互連線典奉。即可完成兩者之間的連接。
5.注釋標(biāo)記
本工具用于快速標(biāo)注設(shè)計(jì)中對(duì)元素進(jìn)行注解腥例。選中頁面中任何一個(gè)元素干跛，點(diǎn)擊標(biāo)記注釋子姜，即可按選擇順序生成從1開始排列的序號(hào)。
十分建議記下功能快捷鍵楼入，初始快捷鍵為 command+shift+2哥捕。若想自定義快捷鍵，可以打開 WeSketch => 快捷鍵設(shè)置嘉熊，進(jìn)行自定義快捷鍵遥赚。
本功能只有一個(gè)功能鍵，即交互連線按鈕阐肤。但依然有很多細(xì)節(jié)凫佛。
選擇一個(gè)元素，若此元素沒有添加過標(biāo)記孕惜，按快捷鍵愧薛，即可添加一個(gè)在右邊的標(biāo)記。
選擇一個(gè)已有在右邊的標(biāo)記衫画，按快捷鍵毫炉，會(huì)刪除右邊的標(biāo)記，生成左邊的標(biāo)記削罩。
選擇一個(gè)已有在左邊的標(biāo)記瞄勾，按快捷鍵，此時(shí)若選中的數(shù)字在頁面中不為最后一個(gè)標(biāo)記（假如頁面中有9弥激，刪除第8個(gè)標(biāo)記）丰榴，頁面中會(huì)彈出選項(xiàng)。
選擇刪除標(biāo)記并保留排序 （選擇此選項(xiàng)會(huì)將 8 標(biāo)記刪除秆撮，9 標(biāo)記不動(dòng)四濒，下次再標(biāo)記會(huì)以 8 開始）
刪除標(biāo)記并重新排序 （選擇此選項(xiàng)會(huì)將 8 標(biāo)記刪除，之后 9 標(biāo)記變?yōu)?8职辨，如果后續(xù)還有會(huì)依次類推盗蟆，下次再標(biāo)記會(huì)以最后一個(gè)數(shù)的后一個(gè)數(shù)開始）
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.生成代碼（支持小程序）
本功能用于開發(fā) GG 用一個(gè)快捷鍵就能導(dǎo)出各種設(shè)計(jì)稿中的字體及各種基本塊狀樣式能力徙硅。
選中一個(gè)你需要獲取對(duì)應(yīng)代碼的字體或者圖形，使用獲取樣式的快捷鍵 command shift d搞疗，插件會(huì)按照常見 css 寫法將樣式放入剪貼板中嗓蘑。
8.快捷取色
選中一個(gè)你需要獲取顏色的字體或圖形，使用快捷鍵 command shift c匿乃，插件會(huì)導(dǎo)出 web 標(biāo)準(zhǔn)色桩皿。或帶透明度幢炸，會(huì)使用rgba形式泄隔。
9.圖標(biāo)庫
本功能提供常用 icon，并提供搜索功能宛徊，讓你在使用 Sketch 完成交互稿的過程中不需要再費(fèi)心去找 icon 了梅尤。
打開 WeSketch => 圖標(biāo)庫，點(diǎn)擊圖標(biāo)庫中任意 icon 即會(huì)出現(xiàn)你的畫稿中央岩调，供你設(shè)計(jì)交互過程中快速使用。
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
