強大的插件集合，由微信設(shè)計團(tuán)隊量身定制，讓設(shè)計師和開發(fā)者能夠更高效地使用。

下載并安裝

下載 Zip安裝包并解壓。（支持v44以上版本）

打開。安裝并使用

界面預(yù)覽

菜單欄

工具欄

功能和教程 1. 管理 UI Kit

該功能用于團(tuán)隊輸出UIKit設(shè)計標(biāo)準(zhǔn)，方便團(tuán)隊成員快速協(xié)作。

1. 新建一個畫板，選擇= UIKit= UIKit。本插件提供了三個示例供您使用。

2.選擇WeUI或者其他，點擊確定，你打開的畫板就會下載http服務(wù)器上已經(jīng)有的UIKit并導(dǎo)入到你當(dāng)前的畫板中。

2. 管理調(diào)色板

該功能用于團(tuán)隊之間達(dá)成一套顏色標(biāo)準(zhǔn)，并方便團(tuán)隊成員快速協(xié)作。

1.創(chuàng)建一個新的畫板，選擇=管理調(diào)色板=同步調(diào)色板，這個插件為您提供了一個可用的示例。

2.選擇WeUI，點擊OKsketch控件庫，你打開的畫板會下載http服務(wù)器上已有的調(diào)色板，并導(dǎo)入到你當(dāng)前的畫板中。

3.您可以在顏色設(shè)置面板中看到同步的顏色標(biāo)準(zhǔn)庫。

3.批量替換文字、字體、顏色

該功能用于快速解決產(chǎn)品經(jīng)理思維飄忽不定（再改，再改，算了，還是回到第一版吧）

單詞

字體

顏色

由于這個功能非常好用，所以說明主要是為了撩一下產(chǎn)品經(jīng)理：）

4. 互動連接

該工具用于在UI設(shè)計中快速標(biāo)注頁面關(guān)系，該功能和市面上現(xiàn)有的連線工具最大的區(qū)別在于可以自動繞開障礙物，連線不會重疊。選中頁面上任意兩個元素，點擊互動連接即可??完成兩者之間的連線。

5. 注釋標(biāo)記

此工具用于快速注釋設(shè)計中的元素。選擇頁面上的任意元素sketch控件庫，點擊標(biāo)記注釋，即可按選定的順序生成從 1 開始的序列號。

強烈建議記下功能快捷鍵，初始快捷鍵為 +shift+2，如果想自定義快捷鍵可以打開快捷鍵設(shè)置，自定義快捷鍵。

這個功能只有一個功能鍵，就是交互接線按鈕。但是細(xì)節(jié)還是很多的。

選擇一個元素，若該元素還未被標(biāo)記，按快捷鍵可在右側(cè)添加標(biāo)記。

選中右側(cè)已經(jīng)存在的標(biāo)記，按快捷鍵，可以刪除右側(cè)的標(biāo)記并生成左側(cè)的標(biāo)記。

選中左側(cè)已經(jīng)存在的標(biāo)記，按快捷鍵，如果選中的數(shù)字不是該頁的最后一個標(biāo)記（比如該頁有9個標(biāo)記，則刪除第8個標(biāo)記），頁面上會彈出一個選項。

選擇刪除標(biāo)記并保持排序（選擇此選項將刪除標(biāo)記 8，并保持標(biāo)記 9 不變。下次標(biāo)記時，將從 8 開始）

刪除標(biāo)記并重新排序（選擇此選項將刪除標(biāo)記 8，然后標(biāo)記 9 將變成 8。如果有更多，下一個標(biāo)記將從最后一個數(shù)字之后的數(shù)字開始）

6.自定義寬度和高度導(dǎo)出

該功能用于快速解決某些占位圖標(biāo)需要擴(kuò)大點擊區(qū)域，或者需要將圖標(biāo)導(dǎo)出為統(tǒng)一大小但不進(jìn)行拉伸的情況。

選擇任意圖標(biāo)點擊導(dǎo)出，或者使用快捷鍵Shift+U，在彈出的窗口中填寫你統(tǒng)一導(dǎo)出的寬、高、倍數(shù)、格式，確定后選擇目錄即可得到對應(yīng)的圖片。

7.生成代碼（支持小程序）

該功能用于開發(fā)GG一鍵導(dǎo)出各類設(shè)計稿中的字體及各類基礎(chǔ)塊樣式的功能。

選中需要獲取對應(yīng)代碼的字體或者圖形，使用快捷鍵shift d獲取樣式，插件會按照常見的CSS編寫方法將樣式放入剪貼板中。

8. 快速選色

選擇要獲取顏色的字體或圖形，使用快捷鍵 shift c，插件將導(dǎo)出 Web 標(biāo)準(zhǔn)顏色?；蛘邘该鞫?，它將使用 RGBA 格式。

9.圖標(biāo)庫

該功能提供了常用的圖標(biāo)以及搜索功能，這樣您在使用完成的交互稿時就不用費心去尋找圖標(biāo)了。

打開=圖標(biāo)庫，單擊圖標(biāo)庫中的任意圖標(biāo)，您的繪圖中心就會出現(xiàn)，以便在交互式設(shè)計過程中快速使用。

10.自定義快捷鍵

強烈建議您在了解常用函數(shù)的功能后，為它們建立自己的快捷鍵。這樣，您就可以使用此插件來實現(xiàn)您代碼更快的目標(biāo)。

選擇需要設(shè)置的功能，使用 shift、輸入框中的三個功能鍵中的一個或多個，同時按住字母或數(shù)字鍵。輸入框中會出現(xiàn)您想要的組合鍵。點擊確定并嘗試使用它。

插件下載地址：

由于平臺限制，請搜索關(guān)鍵字“”

Mr. Pop：讓設(shè)計更有趣的數(shù)字生活方式媒體

如有侵權(quán)請聯(lián)系刪除！