網頁設計常用素材哪裡找？五個必用FIGMA超強外掛資源！

Styler 快速批次生成設計系統

在設計的時候通常都會需要做一個設計系統來輔助開發，當顏色或字型設定一多，要一個個調整會需要時間處理，Styler 可以一次點選直接生成設計系統，只要將顏色和字型先命名規劃完善，在生成系統的時候，就會根據他的命名規則自動分類，可以省下不少前期設定繁瑣的時間喔！

點擊前往Plugin連結-Styler

SkewDat 圖片立體傾斜

在製作立體圖或 Mockup 的時候，會需要用到立體傾斜設計豐富視覺畫面，而在 Figma 本身沒有立體傾斜這個功能，這時就可以使用 SkewDat 這個工具，在工具視窗中使用搖桿或數值，就可以快速調整想要的立體傾斜度，不需調整圖形的錨點就可以達成完美的傾斜效果

點擊前往Plugin連結-SkewDat

Autoflow 流程圖快速生成

在繪製 Wireframe 或是流程圖的時候，會需要拉一些流程線條輔助架構畫面呈現，Autoflow 可以快速在畫面或元素之間，使用 shift 一鍵生成線條，還可以修改其樣式配合設計風格

點擊前往Plugin連結-Autoflow

Content Reel 真實假資料模擬

相信大家對於插入假字或假資料，一定都知道要插入lorem ipsum進行模擬吧？但是當畫面都是lorem ipsum的時候，就會很難分辨其資料的類型和用途，這時就需要更真實的假資料去演示，Content Reel 提供來自不同類型的假資料可以使用，包含人名、地區、Logo和頭像等，可以快速去套用需要的資料內容，還可以隨機生成假資料增加畫面模擬真實度

點擊前往Plugin連結-Content Reel

Blush 免費插畫圖庫資源

在實際設計專案上，通常因為開發時程比較短，沒有那麼多時間琢磨在找圖與畫插圖，在需要短時間內生成model提案的情況下，免費圖庫就顯得很重要了！Blush 這個外掛，除了提供各種風格的插圖以外，還有詳細的類型分類，讓你更能快速找到想要的插圖，點綴你的設計稿

點擊前往Plugin連結-Blush

當然除了以上這五個常見實用的 Plugin 以外，還有很多可以協助我們在設計上效率倍增的工具等著我們去發掘，關注我們會繼續分享更多實用的小工具唷！