前言

之前和大家介紹了 XD 軟體的一些好用的功能，並未提及了一些還未完善的功能，就比如插件。相比Sketch的插件數量來說，目前XD還是遠遠追不上的。但是現在在 Adobe 公司獎勵機制之下，XD 每天都湧現出很多的新插件。

當然從中也不乏一些還不錯的，今天就給大家介紹4款個人推薦的插件：

1. RepeatGrid Fitter

Adobe XD 最亮眼的一個功能，就是 RepeatGrid 重複網格功能，它能快速複製，高效批量處理信息。而這個 RepeatGrid Fitter 插件的功能就是提供 RepeatGrid 在手動調整上面的便利。遇到的問題：

1.我們在拓展網格的時候，經常會拉不準，寬度不是多一點就是少一點。

2.重複網格無法控制個數，X行Y列，就是產生X*Y個元素。

插件解決：

通過控制列數和個數，達到約束行數的功能。同時，在設置完參數之後，還有自動吸附邊緣對齊，不用再手動調整。

通過設置上圖的參數，然後我們可以得到，對齊之後的8個元素：

安裝方法：

在 Adobe XD 菜單 — 插件 — 管理插件或發現插件單擊，打開Adobe XD 插件管理器，搜索「 RepeatGrid Fitter 」單擊安裝即可。

2. text toolbox

text toolbox 這個插件是針對文本輸入框（超過一行），能快捷調整文本框高度到內容實際區域。

遇到的問題：

我們在使用文本框自動換行的時候，會手動的調整文本框的高度，但是會如圖上的文字下邊緣留白比較多，會影響實際的開發測距。

插件解決：

通過 text toolbox 這個插件中的「 Trim Height 」功能，只要點擊一下，就能準確的恢復到文本框本身的高度。

安裝方法：

在 Adobe XD 菜單 — 插件 — 管理插件或發現插件單擊，打開Adobe XD 插件管理器，搜索「 text toolbox 」單擊安裝即可。

3. Rename it

Rename it 是 Adobe XD 圖層、畫板批量重命名插件，可以讓你的圖層、畫板按一定順序命名。

遇到的問題：

XD裡面如果要修改文件夾名字需要一個個修改，還無法快速查找，比較麻煩

插件解決：

批量選中，並可以根據系統設置的參數一鍵修改。同時還支持查找&替換功能。

選擇一個或多個元素，選擇畫板也可以。單擊「插件」 — 「Rename it」 — 重命名所選圖層。

輸入名稱和關鍵詞進行組合，會直接顯示預覽，點擊下方關鍵詞可以快速輸入關鍵詞。

查找和替換選定圖層。

用來替換選定圖層中圖層名稱相同的部分，如將選定的3個圖層包含「矩形」的圖層名稱部分全部替換為「圓形」。

安裝方法：

在 Adobe XD 菜單 — 插件 — 管理插件或發現插件單擊，打開Adobe XD 插件管理器，搜索「 Rename it 」單擊安裝即可。

4. Axhub Icons

Axhub Icons 本質是一款 Chrome 瀏覽器擴展，可以快速複製想要的 icon 到 XD。

遇到的問題：

使用iconfont的步驟過多，還需要下載。

插件解決：

在插件中快速複製，一鍵黏貼，還支持更改顏色。

打開 iconfont 官網 根據自己需要的圖標搜索關鍵詞，找到想要的單擊複製即可到 Adobe XD 中粘貼即可。

安裝方法：

插件不在自帶插件庫中，下載可以通過 XD 中文網。

以 Chrome 瀏覽器為例，單擊右上角菜單–更多工具–擴展程序，打開擴展程序管理頁。

將下載好的插件直接拖入瀏覽器，安裝即可。

總結

雖然說 XD 目前的插件比較少，但是以現在每天的增長數量來看，不久就會湧現出一大批，所有對 XD 使用者來說，這是一個福音，我們再來回顧一下，今天說的4款插件：

1. RepeatGrid Fitter 插件通過控制列數和個數，達到約束行數的功能。同時，在設置完參數之後，還有自動吸附邊緣對齊，不用再手動調整。
2. 手動無法很精準的調節文本框高度，通過 text toolbox 這個插件中的「 Trim Height 」功能，只要點擊一下，就能準確的恢復到文本框本身的高度。
3. 使用 Rename it 插件批量選中圖層或者畫板，並可以根據系統設置的參數一鍵修改名稱。同時還支持查找&替換功能。
4. Axhub Icons 本質是一款 Chrome 瀏覽器擴展，可以一鍵導出 iconfont 的圖標，還支持在 XD 中更改顏色。

本文章來源：XD那些好用的插件 學UI設計網-UI設計師交流學習互動平台

推薦閱讀：

相关文章