
WeSketch能做什么?
更高效的團(tuán)隊(duì)協(xié)作,如:UI Kit 同步、色板同步等。
更快捷的交互設(shè)計(jì),如:圖標(biāo)庫、自動連線、標(biāo)記注釋、全局替換文字、字體、顏色。
更精準(zhǔn)的前端還原,如:補(bǔ)齊寬高導(dǎo)出圖片、導(dǎo)出 CSS 代碼(支持小程序)等。
如何下載和安裝?
訪問Github地址:https://github.com/weixin/WeSketch/blob/master/README-zhCN.md
訪問www.sketchchina.com插件頻道下載安裝
解壓后雙擊打開wesketch.sketchplugin這個文件即可安裝
功能一覽
安裝完成打開sketch后,默認(rèn)語言為英文,需要在插件菜單中的Setting中設(shè)置為中文,此時插件即可完全中文化。同時Sketch會出現(xiàn)一個浮動工具條,如下圖所示。

1 UIkit 同步管理
你可以導(dǎo)入一個存在于網(wǎng)絡(luò)中的UIkit,目前此插件可以導(dǎo)入微信的UIkit以及其它兩個內(nèi)置的UIkit,當(dāng)然你可以可以導(dǎo)入已存在于網(wǎng)絡(luò)中的UIkit,但靜電目前沒有發(fā)現(xiàn)在哪里輸入網(wǎng)址。
2 導(dǎo)入顏色庫
同理,你可以導(dǎo)入插件內(nèi)置的微信色板到顏色庫中,當(dāng)然,你也可以導(dǎo)入網(wǎng)絡(luò)中存在的色板文件,這樣可以很方便的進(jìn)行團(tuán)隊(duì)協(xié)作。前提是,你必須把色板文件傳輸?shù)骄W(wǎng)絡(luò)中哦。

3 批量替換文字/字體/顏色
這個功能很常見,不多說了。微信團(tuán)隊(duì)說是調(diào)侃產(chǎn)品經(jīng)理用的,嗯好~~


4 交互連線
好吧,連連看。我在想一個問題,為啥騰訊總是在市面上已經(jīng)出現(xiàn)已有插件后才“開發(fā)”自己的插件呢?所謂的微創(chuàng)新?嗯嗯,人家的微創(chuàng)新是可以自動繞過障礙,碉堡了~

5 注釋和標(biāo)記
不多說了,你懂。
6 自定義寬高導(dǎo)出
本功能用于快速解決一些占位 icon 需要擴(kuò)大點(diǎn)擊區(qū)域,或者 icon 需要導(dǎo)出統(tǒng)一尺寸但又不能拉伸的需求。也就是圖標(biāo)周圍加透明空白區(qū)域。

7 生成代碼(支持小程序)
本功能用于開發(fā) GG 用一個快捷鍵就能導(dǎo)出各種設(shè)計(jì)稿中的字體及各種基本塊狀樣式能力。(某些標(biāo)注插件是不是要惱火了~)
8 快捷取色
選中一個你需要獲取顏色的字體或圖形,使用快捷鍵 command shift c,插件會導(dǎo)出 web 標(biāo)準(zhǔn)色?;驇该鞫?,會使用rgba形式。
9 圖標(biāo)庫
本功能提供常用 icon,并提供搜索功能,讓你在使用 Sketch 完成交互稿的過程中不需要再費(fèi)心去找 icon 了。(靜電說:矮油~這個功能好實(shí)用誒,喜歡,做UI越來越傻瓜化了,囧)
