Adobe XD 推薦實用外掛程式 / 插件 / Plugins

以下收集了我愛用的 Adobe XD Plugins (插件/外掛程式) 都是我覺得很實用才推薦的，例如可以從欄位輸入漸層色角度的「GradientAngle」、搜尋免費商用授權的圖示「Icon 4 Design」、類似 AI 選取物件功能的「Selection」、智能快速排版的「Smart Layout」、設定物件間距空間的「Spacer」以及搜尋免費商用授權的照片「StockSolo」若往後有找到不錯用的插件，會持續在本頁更新。

《Confetti》

紙花製造機，可選取單個或多個圖形產生隨機散佈的紙花效果。能夠指定直行 (columns) 數量以及橫列 (row) 數量，以及隨機透明度 (Randomize opacity)、隨機旋轉角度 (Randomize rotation)、隨機大小 (Randomize scale)、隨機顏色 (Randomize colors) 等功能設定

《Copy CSS from panel》

通常在 XD 中要查看 CSS 代碼，需要使用共享功能分享成『開發』模式才可以看到 CSS，你可以直接安裝此插件，選取目標物件就可以在面板中看到 CSS

《GradientAngle》

Adobe XD 的漸層色工具沒有像 PS 或 AI 那樣有漸層角度欄位可以設定，當然也沒有拖曳的方法可以畫出漸層走向。你只能在畫板上移動兩端點來調整，有了「GradientAngle」就可以精確輸入角度方向。

《Icon 4 Design》

收錄免費可商業授權圖示的「Icon 4 Design」可搜尋超過 5000 個以上圖示，包含知名的 Font Awesome、Feather、Material... 等圖示庫，並可以快速指定圖標大小。

《Qucik Mockup》

這是由 Adobe 官方開發的插件，方便你快速調用介面元素 (UI Elements) 製作出線稿 (Wireframe)，如果切換不同主題也可以做出不錯的圖稿 (Mockup)，每個介面元素都有對應的選項可以調整，相當於製作好的組件！

《Selection》

可以快速選取相同填色、邊框、透明度，或是字型等物件的選取工具，「Selection」就像 AI 的選取工具一樣方便。

《Smart Layout》

只需要建構內容物件，排版的事情就交給「Smart Layout」他會自動重新對齊物件，並可自定義物件之間的間距、外框內間距，移動物件順序也沒問題。雖然移動物件還不支援群組類型，但已經是非常方便的工具，可節省不少排版時間。

《Spacer》

Adobe XD 竟然沒有物件間距設定欄位，還好有「Sapcer」讓你可以精確設定間距距離。

《StockSolo》

收錄免費可商業授權照片的「StockSolo」可一次搜尋知名免費圖庫 Unsplash、Pexels、Pixabay 而且無需註冊也可以使用，第一次啟用的時候點擊「Skip, I'm not interested」的藍色小字即可。