微信團(tuán)隊(duì)出品-Sketch插件合集Wesketch

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越來越傻瓜化了,囧)

原文鏈接

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容