1. Builder.io — Figma to HTML, React, and more
這是我覺得很酷的插件，只需複製網址就就可以將任何網站轉換為 Figma 設計的大致樣式。我覺得可以用在快速製作網頁，跟可重複利用在網頁架構上。
2. Unsplash
Unsplash 允許用戶在大量精美圖片之間進行選擇，或者搜索適合他們設計的特定圖片。
此外，所有圖像的使用，無論是個人還是商業項目，都是完全免費的。
3. Content Reel
Content Reel 是一個很棒的插件，可以幫助您輕鬆地將文本、頭像、圖標等內容拉入您的設計中。這是對 Sketch 的 Craft 的改造，儘管 Figma 的插件更進一步。
使用 Content Reel，您可以將隨機數據添加到您的設計中，並將其微調到最大值。它可以幫助您的設計看起來更逼真，因為您不必添加虛擬文本，而是包括真實姓名、電子郵件、圖片等。
4. Breakpoints
您可以在 Figma框架內預覽響應式設計佈局 。即使沒有打開的插件窗口它也能工作，最好的部分是，你團隊中的任何人都可以在不安裝插件的情況下調整框架的大小（這不是很神奇）
5.Iconify
將 Material Design 圖標、FontAwesome、Jam 圖標、EmojiOne、Twitter Emoji 和許多其他圖標（超過 100 個圖標集，包含超過 100,000 個圖標）作為矢量形狀導入 Figma 文檔。
6.Storyset by Freepik
Storyset 是 Freepik 的最新創作，Freepik 是免費圖形資源市場的主要參考之一。 數以千計的插圖概念，具有可編輯的顏色和背景，可供下載。 它們都有不同的風格，也可以使用在線編輯器製作動畫。 訪問 Freepik 的故事並開始使用！
7.Mockuuups Studio
Mockuuups Studio 提供了 500 多個場景供設計師選擇，只需點擊幾下即可添加到他們的設計中。該插件基本上包括社交媒體或博客文章、營銷材料、產品模型等所需的一切。
8.Beautiful Shadows
創造光滑美麗的陰影，該插件允許您通過簡單地拖動在選定元素上投射陰影的“光源”來創建美麗的陰影。
該插件輸出有效的框陰影 CSS 樣式。 從 Figma Inspect 面板（原型選項卡旁邊✌️）獲取 CSS 值
9.Paletteer
Paletteer 可讓您從主要品牌顏色中生成一組更通用的色調。 只需選擇一組對象並觸發 Paletteer 即可生成色板並將新的調色板保存為本地樣式。
10.VisualEyes
Jim Raptis的 VisualEyes 是一個很棒的插件，可以幫助您在發送設計以供實施之前對其進行快速測試。此預測性設計插件工具可幫助您捕獲注意力圖和清晰度分數。這對於理解設計中的可用性問題非常方便。如果您想了解更多關於這些地圖或分數的準確性，請查看此鏈接。
因為有這些插件可以更有效率的了解一個網頁架構，同時製作出相對的顏色\ 視覺\模版\素材，主要是紀錄有效的節省工作時間的套件，歡迎大家也可以試試使用。
