歡迎來(lái)到葉設(shè)計(jì)自習(xí)室

持續(xù)更新設(shè)計(jì)干貨

工具自學(xué)|體驗(yàn)教程|素材分享

第二彈——全網(wǎng)最好用的插件合集

全文：1994年，預(yù)計(jì)閱讀時(shí)間：6分鐘

大家好！

到自習(xí)室。

坐下來(lái)，享受樂(lè)趣！

之前葉哥給大家整理了漢化包、自動(dòng)標(biāo)記工具、自動(dòng)填充工具等16個(gè)最常用的插件，還有字體、調(diào)色板、圖形等，詳細(xì)功能介紹參見(jiàn)：

第一篇文章比較詳細(xì)的介紹了16個(gè)插件的使用方法，為您提供的安裝包有以下樣式：

群里有朋友吐槽，這堆亂七八糟的英文看著煩人。 我如何知道哪一個(gè)是標(biāo)記工具，哪一個(gè)是填充工具？ ？ ？ 白色問(wèn)號(hào)？ ？ ？

嗯，這次換個(gè)風(fēng)格吧！ （我會(huì)把之前上傳的文件刪除，大家可以在文末重新下載）

新的安裝包感受到葉哥的誠(chéng)意了嗎？

好了sketch 圖標(biāo)庫(kù)插件，現(xiàn)在進(jìn)入明天的題外話：第二個(gè)插件！

隨著工作內(nèi)容的不斷豐富，依靠UI設(shè)計(jì)師自動(dòng)完成很多操作已經(jīng)不科學(xué)了。 這時(shí)候有實(shí)力的工程師就開(kāi)發(fā)了很多小插件來(lái)節(jié)省中間的UI。 從此，工作效率提高了。 點(diǎn)贊，偉大的工程師，表白+感恩！

超級(jí)葉的第二個(gè)插件，葉哥親自測(cè)試使用的插件一共有21個(gè)。 鑒于插件太多，明天我們就不一一詳細(xì)解釋了。 我的看法是：簡(jiǎn)單介紹一下這個(gè)插件，分享一下我自己的經(jīng)驗(yàn)供大家參考。 如果有你需要的插件，可以去我給你推薦的.im或者搜索它的具體用法。

希望你喜歡！

01 常用圖表-Chart

使用自定義參數(shù)快速創(chuàng)建常用圖表，包括：折線圖、垂直條形圖、水平條形圖、面積圖、堆積面積圖和迷你圖。

02 導(dǎo)入GIF和ICNS-更多

支持導(dǎo)入多種格式的文件，不僅是GIF和ICNS（圖標(biāo)格式），這個(gè)插件可以解決這個(gè)問(wèn)題。 注意：①如果要導(dǎo)入ICNS格式，需要在1024*1024的畫(huà)板上創(chuàng)建自己的圖標(biāo)，這樣可以保證導(dǎo)入16-512的所有規(guī)格圖標(biāo)，包括@1x和@2x。 ②當(dāng)有多個(gè)畫(huà)板但未選擇時(shí)，僅導(dǎo)入畫(huà)板列表中的第一個(gè)畫(huà)板。

03 同步到 AE-

功能就如名字一樣，葉歌平時(shí)不怎么用AE，不過(guò)他打算明年有空的時(shí)候再把它撿起來(lái)。

04 粘貼-

別小看它sketch 圖標(biāo)庫(kù)插件，因?yàn)樗皇且粋€(gè)粘貼功能，這個(gè)插件是6。葉哥在做網(wǎng)頁(yè)設(shè)計(jì)時(shí)，以上面的導(dǎo)航為例：先創(chuàng)建幾個(gè)文本框，然后復(fù)制導(dǎo)航欄的內(nèi)容在Word文檔中規(guī)劃好，然后選擇這些文本框，單擊插件，然后它們就被手動(dòng)粘貼了！

注意：作為數(shù)據(jù)分隔符，可以使用冒號(hào)（如我的導(dǎo)航 - 主頁(yè)、服務(wù)、新聞、我們、聯(lián)系人）、空格、換行符和表格單元格。

05 保存色卡-

將文檔顏色/全局顏色保存到您使用 . 后綴名文件，新建文檔時(shí)即可加載色卡。

06 餅圖-Pies

① 將正圓直接轉(zhuǎn)換為餅圖，在彈出的對(duì)話框中輸入#16的補(bǔ)色值。 ②如圖所示，輸入顏色值：比率（20%也可以用0.2表示），即可生成比率參數(shù)調(diào)整的餅圖。

07 短語(yǔ)統(tǒng)計(jì)和文本轉(zhuǎn)換——逗號(hào)

一鍵轉(zhuǎn)換文本大小寫(xiě)和字?jǐn)?shù)統(tǒng)計(jì)，僅限英文。

08 對(duì)齊畫(huà)板 -

管理畫(huà)板，可以根據(jù)您指定的行數(shù)進(jìn)行排列。

09 多語(yǔ)言翻譯-

自動(dòng)翻譯，通過(guò)這個(gè)插件可以接入多語(yǔ)言，操作比較簡(jiǎn)單，但是涉及到一些代碼編輯，附上操作手冊(cè)：

10 種混合工具 -

一鍵混合多個(gè)對(duì)象以生成均勻分布的形狀。 這個(gè)工具是6。它類(lèi)似于AI中的混合工具。 具有類(lèi)似的功能，可以輕松創(chuàng)建藝術(shù)設(shè)計(jì)，如圖所示。

11 藍(lán)湖-蘭湖0.87

將畫(huà)板上傳到Blue Lake的同步插件中。 如果你還不知道Blue Lake是什么，請(qǐng)百度一下。 在線輕松進(jìn)行交互式連接和原型演示，完全手動(dòng)生成和標(biāo)記切割圖，并支持團(tuán)隊(duì)合作。

12 流程圖-

emm...流程圖的形狀和顏色都很丑，所以除非必要，否則不要使用它。 野哥推薦Visio，一款專(zhuān)業(yè)的流程圖繪制工具。

13全系列適配-自動(dòng)

可以說(shuō)是一鍵完成整個(gè)系統(tǒng)適配的利器，不過(guò)葉哥覺(jué)得設(shè)置起來(lái)還是很麻煩。 簡(jiǎn)單的App頁(yè)面用它來(lái)適配就好，復(fù)雜的還不如老老實(shí)實(shí)做。 附上操作手冊(cè)，上面還有教程視頻：

14 提取圖片配色-

一鍵提取位圖視口顏色值到剪貼板，非常好用，強(qiáng)烈推薦。 單擊，然后選擇位圖視口（圖片）以提取顏色。

15 均勻的漸變和亮度 -

創(chuàng)建更好看、更均勻的漸變和亮度，無(wú)需擔(dān)心調(diào)整的漸變會(huì)變臟。

16 循環(huán)復(fù)制 -

更強(qiáng)大的組合循環(huán)復(fù)制工具，插件彈窗可以設(shè)置重復(fù)次數(shù)、縮放、移動(dòng)、旋轉(zhuǎn)、不透明度等選項(xiàng)，不同的參數(shù)有不同的效果，快來(lái)玩吧！

17 在瀏覽器中預(yù)覽

這簡(jiǎn)直就是預(yù)覽網(wǎng)頁(yè)設(shè)計(jì)功效的利器！ ！ 完成界面后，直接點(diǎn)擊插件，立即顯示在瀏覽器中，清晰直觀！

18 網(wǎng)格工具 - 網(wǎng)格

快速創(chuàng)建自定義網(wǎng)格，悄悄告訴你：大多數(shù)程序員做開(kāi)發(fā)時(shí)，使用的都是響應(yīng)式布局的網(wǎng)格規(guī)范。

19 粘貼到Axure-

將設(shè)計(jì)稿一鍵轉(zhuǎn)換為Axure支持的內(nèi)容。 當(dāng)只想復(fù)制部分內(nèi)容時(shí)，先選中該元素，然后執(zhí)行插件的復(fù)制功能； 如果要復(fù)制畫(huà)板的全部?jī)?nèi)容，則選擇畫(huà)板，然后執(zhí)行，最后粘貼到Axure中。

該插件目前為測(cè)試版（不支持反向操作、同步、跨應(yīng)用庫(kù)等），僅支持.1.0.3368及以上版本

20 個(gè)自適應(yīng)按鈕-Compo

雖然我第一次玩的時(shí)候就想把這個(gè)插件推薦給大家，而我寫(xiě)了一篇介紹然后就扔掉的情況太少見(jiàn)了。 明天重新整理一下插件，發(fā)現(xiàn)好像沒(méi)那么復(fù)雜！ 只需輸入文本，然后 Cmd+J 即可生成自適應(yīng)按鈕。 改成自定義值后，再Cmd+J，就是你的自定義按鈕了，非常方便！ 更多功能請(qǐng)參見(jiàn)操作手冊(cè)：

21MD 組件庫(kù) -

快速生成復(fù)雜組件，微軟風(fēng)格的設(shè)計(jì)，包括表單、文字樣式、UI控件、彈窗、圖標(biāo)、按鈕等，非常標(biāo)準(zhǔn)化的組件庫(kù)，操作手冊(cè)：

多于。

整理文件既麻煩又有趣，

在這個(gè)過(guò)程中，我找到了一個(gè)適合我的插件，

如果你想提高UI設(shè)計(jì)的效率，

要有針對(duì)性地了解插件，

這比一次性安裝所有這些更有用。

如有任何問(wèn)題，

歡迎關(guān)注葉設(shè)計(jì)自習(xí)室，

后臺(tái)回復(fù)“What a da”，并發(fā)送密碼到交流群。

第一彈——超級(jí)葉子插件

?鏈接：

?密碼：sfe2

第二彈——超級(jí)葉子插件

?鏈接：

?密碼：wpu0

如果鏈接被取消，請(qǐng)刷新頁(yè)面并重試。

葉兄不負(fù)這個(gè)罪..

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