7月4日，繼WeUI上線之后，微信團(tuán)隊(duì)再次努力，將這款多功能插件帶給設(shè)計(jì)師和開發(fā)者。 這個插件在庫、字體、顏色、切片、交互等方面提供了多種非常實(shí)用的功能，實(shí)用性堪比Craft插件，雖然可能不如Craft插件穩(wěn)定和美觀-已經(jīng)迭代了許多版本。 Craft，但這仍然是一個優(yōu)秀的生產(chǎn)力插件。

工具欄

GUI已經(jīng)清楚地告訴了我們這個插件的所有功能。 總共有11個功能。 接下來我們就來看看他們能為我們帶來什么。

連接

在設(shè)計(jì)App的過程中，為了讓整體的交互邏輯更加清晰，相信大家都使用過各種工具來制作原型，比如墨刀、Axure等，也有人會在設(shè)計(jì)稿中選擇直接連接，這樣整個流程就可以清晰地表達(dá)在設(shè)計(jì)稿中。 不僅在原型中使用連線，在注釋圖片時，也可以使用連線功能。

原來連接的時候要設(shè)置錨點(diǎn)，調(diào)整位置，加點(diǎn)。 其實(shí)這個過程并不簡單，但是對于連接來說，只需要選擇需要連接的元素，點(diǎn)擊工具欄上的 即可。 或者您可以只使用快捷鍵。 雖然美感沒有你自己的那么細(xì)致sketch 圖標(biāo)庫插件，但是它大大簡化了你的工作流程。 當(dāng)沒有太大的視覺要求時sketch 圖標(biāo)庫插件，這一定是一個強(qiáng)大的工具。 還是讓我們一起期待微信吧。 團(tuán)隊(duì)進(jìn)一步美化。

標(biāo)記

這個功能在整個插件中可能是比較“雞肋”的。 我認(rèn)為這方面還有很大的“改進(jìn)空間”。 它的功能其實(shí)就是標(biāo)記評論的功能。 您可以選擇頁面上的一個元素并單擊標(biāo)記按鈕。 根據(jù)選擇順序生成從1開始的標(biāo)簽序號。 與目前流行的標(biāo)注插件相差甚遠(yuǎn)。 這個功能幾乎可以忽略不計(jì)。 我很好奇微信團(tuán)隊(duì)是否會在未來的版本中擴(kuò)展這個功能。

代替

在App設(shè)計(jì)中，一個版本迭代，或者一個優(yōu)秀的產(chǎn)品經(jīng)理的一個不經(jīng)意的決定，可能意味著設(shè)計(jì)師要修改整個字體或顏色。 這時，能否批量加工就顯得尤為關(guān)鍵。 要點(diǎn)如下： 您為三種類型的元素提供替換函數(shù)：“文本”、“字體”和“顏色”。

您可以選擇替換全局元素或單個頁面上的元素。 事實(shí)上，這里的文本替換看起來有點(diǎn)怪異。 懂得正則表達(dá)式的人在使用文本替換時也能派上用場，而且這里的Text不再只是一個文本元素，還可以替換各個元素的名稱。

UI、圖標(biāo)、顏色庫

UIKit庫的功能可以說是非常強(qiáng)大的。 尤其是多人協(xié)作時，這個庫對于重用各種通用元素特別方便。 這里開發(fā)者為你提供了三個基礎(chǔ)庫，分別是原生WeUI、原生iOS UIKit，當(dāng)你需要使用系統(tǒng)元素時可以快速獲取UIKit。 當(dāng)你這樣做的時候，你還可以在里面尋找UIKit。除了三個基本庫之外，更重要的是，你可以用它來創(chuàng)建你自己獨(dú)特的UIKit。 您可以選擇本地UI文件，也可以使用您上傳到云端的地址。 建議您盡可能使用您需要創(chuàng)建的UIKit。 ，準(zhǔn)確建立的概率就會高很多。 除了UIKit之外，還可以用同樣的方式設(shè)置主題顏色同步，開辟了多人協(xié)同設(shè)計(jì)的新方式。

在之前介紹PPT插件的時候，我們已經(jīng)知道擁有一個圖標(biāo)庫是多么幸福的事情了。 當(dāng)然，也有很多優(yōu)秀的設(shè)計(jì)師使用素材軟件來整理自己需要或喜歡的圖標(biāo)，以便于查看或設(shè)計(jì)。 打電話，有些人選擇去其他類型的網(wǎng)站尋找他們需要的圖標(biāo)。 所有這些都可以在 中找到，因?yàn)樗鼛в凶约旱膱D標(biāo)庫，并且所有這些都是可以編輯兩次的矢量圖像。 但如果您需要將其用于商業(yè)目的，請務(wù)必謹(jǐn)慎。 這里沒有明確說明是否可以用于商業(yè)目的。 當(dāng)然，對于我們來說，圖標(biāo)庫應(yīng)該是一個激發(fā)靈感的地方，然后用靈感創(chuàng)造出屬于自己的東西，而不是盲目照搬。

填充高度和寬度

導(dǎo)出切片時，對于某些圖標(biāo)我們希望其背景保留一定的空間。 如果你擅長使用它，你一定體驗(yàn)過使用Spec導(dǎo)出這樣的切片的樂趣，但是有些人選擇了Slice，這對于大型工程而言，工作量非常大。 此處填寫高度和寬度可以幫助您一鍵導(dǎo)出各種尺寸的占位符圖標(biāo)。 您只需選擇并設(shè)置導(dǎo)出即可。 就像內(nèi)置導(dǎo)出一樣，您可以標(biāo)準(zhǔn)化切片命名和大小。

快速獲取顏色和款式

快速取色的功能其實(shí)就是“剪貼板”+“取色器”。 選擇一個元素并單擊選擇顏色，顏色將自動復(fù)制到剪貼板。 風(fēng)格獲取實(shí)際上是一個代碼生成功能。 如果你連接的是前端開發(fā)人員，他肯定會喜歡這個功能，因?yàn)槟阒恍枰x擇字體或者圖形就可以生成相應(yīng)的css代碼。 在一定程度上可以減輕程序員的工作量，你和程序的合作會不會因?yàn)檫@個小小的改變而變得更加融洽呢？

事實(shí)上，這些功能都還處于萌芽階段。 在未來的版本中，他們能否給我們帶來不一樣的體驗(yàn)，能否讓我們眼前一亮，讓我們拭目以待吧！

如果您喜歡這個插件，可以在這里下載。

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