# Figma 外掛
### [Figma Community](https://www.figma.com/community)
要在Figma裡面使用外掛非常的方便，我們只要透過Figma Community， 輸入關鍵字，就可以找到相對應的外掛，外掛的種類非常的多

### 1.Font Preview字體預覽
[Font Preview](https://www.figma.com/community/plugin/890494567122693015/font-preview?searchSessionId=lu6gjbbd-sg4g9izdqk9)
覺得在Figma裡面挑選字體非常的困難嗎？因為介面上只有顯示字體名稱，並沒有辦法直接看到字體呈現的效果，現在有了Font Preview，我們可以直接快速瀏覽不同字體呈現的風格，也可以讓你收藏常用的字體，再來利用過濾器的功能，幫你找到合適的字體。

### 2.Clean document清理文件
[Clean document](https://www.figma.com/community/plugin/767379019764649932/clean-document?searchSessionId=lu6giqpp-ns14m18q9pm)
每次設計稿完成後，總是有雜亂的圖層以及命名，Clean document可以幫助你自動地打掃選中的設計檔案，清理隱藏不必要的圖層，解除只有單個圖層的Group，重新批次命名圖層，還可以根據組件位置對圖層重新排序。

### 3.Iconify
[Iconify](https://www.figma.com/community/plugin/735098390272716381/iconify?searchSessionId=lu6ghkv8-qwsjwrafne)
Iconify是資源類插件，包含超過超过 10 萬個向量圖。

### 4.Phosphor Icons
[Phosphor Icons](https://www.figma.com/community/plugin/898620911119764089/phosphor-icons?searchSessionId=lu6gkqxc-n5130syr3e)
Phosphor Icons 是 Figma 上的一款 Icons 外掛，由知名 Icons 網站 Iconduck 推出，網站本身有高達三十萬種 Icons 插圖可免費下載。
適用於個人或是商業設計，在 Figma 外掛上則有四千多種 Icons，可以一鍵選取，置入設計專案內。

### 5.Blobs創建不規則向量色塊
[Blobs](https://www.figma.com/community/plugin/739208439270091369/blobs?searchSessionId=lu6gfcry-lxdzdctd20i)
Blobs讓你輕鬆創建不規則形狀，每個形狀都是隨機變化的，這種類型的色塊，很適合拿來做背景，如果再搭配Webgradient，就會有不錯的效果。
Blobs透過設定還可以控制色塊的結點數，建議節點數不用產生太多，產生出來的形狀會比較優雅柔和

### 6.Image tracer
[Image tracer](https://www.figma.com/community/plugin/735707089415755407/image-tracer?searchSessionId=lu6ggfct-oyrd1w2h2xd)
Image tracer可以将黑白圖轉換成向量圖

### 7.Humaaans for Figma客製人物向量圖
[Humaaans for Figma](https://www.figma.com/community/plugin/739503328703046360/humaaans-for-figma?searchSessionId=lu6gmoj9-rzlet74twp)


### 8.WebGradients漸層色彩
[WebGradients](https://www.figma.com/community/plugin/802147585857776440/webgradients?searchSessionId=lu6gdaen-4cyuzqb2nzw)
WebGradients 協助設計師快速製作漸層，並提供六大色系種類，設計師無須自己吸色選取，裡面漸層的配色，非常的柔和，不會特別的突兀，若你的背景色或是按鈕有用到漸層色
WebGradients 預設都是平行的線性漸層，不過沒關係！你可以點選 Figma 右側介面中「 Fill 」下方的色塊，進行更改漸層樣式。

### 9.AI image generator
[AI image generator](https://www.figma.com/community/plugin/1253173167259963280/ai-image-generator-by-freepik)
AI image generator 是 Figma 一款 AI 圖片生成外掛，由知名圖庫網站 Freepik 推出。Freepik 一直是許多創作者搜集圖片的寶庫，近年來也搭上 AI 話題，開發圖片生成功能。只要輸入簡短的描述，就能生成圖片，設計師不用再特地跑到圖庫網站找圖，可以直接在 Figma 檔案內生成符合需求的 AI 圖片！而且完全免費！
AI image generator 外掛每日可以使用 16 次，每次生成 4 種結果，也就是每日總共可以生成 64 張免費的 AI 圖片！你可以從這些結果中挑選一個最喜歡的，用於你的設計，完全免費！推薦大家多多利用：）


### 10.html.to.design
[html.to.design](https://www.figma.com/community/plugin/1159123024924461424/html-to-design)
html.to.design 是一款可以將 HTML 網站轉入 Figma 設計的強大外掛。

此款外掛由 divRIOTS 開發，旗下還有推出 code.to.design 外掛，讓你能在 Figma 上寫 HTML、CSS，然後直接轉成設計介面。

而今天要介紹的主角「 html.to.design 」，你只需要簡單複製任何網站的網址，將它貼上後，就能快速生成與實體網站一模一樣的設計！

你可以選擇要生成的網頁大小，有些網站如果有設計 Light Mode、Dark Mode 的話，你也能選擇要生成哪一種樣式設計。生成後，可以看到 Figma 左方列表會有網站各個元素的圖層，你可以輕鬆點選編輯，創造新的設計。