# 在Figma 裡面用 FontAwesome
figma有很多的插件，使用fontAwesome
### 1.用plgin的方式

在figma 的 [community](https://www.figma.com/community/explore/plugins) 裡面搜尋 FontAwesome，選擇Font Awesome Icons，並且安裝


回到你的專案內，就可以在你專案內的插件找到他囉!


Figma裡面有超級多的套件，可以快速協助你完成稿件唷!

### 2.下安裝 FontAwesome 字體到本機，
這個是Figma提供的方法，[步驟](https://help.figma.com/hc/en-us/articles/360040449513-Add-icons-to-text-layers-with-icon-fonts)如下:
1. 先去[下載](https://fontawesome.com/v5.15/how-to-use/on-the-desktop/setup/getting-started)FontAwesome的字型
2. 在本機電腦安裝字型
3. 到[FontAwesome](https://fontawesome.com/v5/cheatsheet)複製icon圖示(記得是要點在icon上按右鍵複製唷)，並且貼到Figma畫板內

以上步驟做完就可以使用字型的方式調整icon的大小，與icon的樣式(有solid與regular可選擇)，個人覺得很方便!


### 3.將輸出成component資源並且在各個專案中皆可使用(須付費)
這個方法是從一篇[國外文章](https://blog.fontawesome.com/figma-for-icon-design/?fbclid=IwAR1US5_a85s_GF2QTNj17nW1eq74Mn7RR1diIb2LSYyav4QE-VHTkk-5C1Q)看到的，因為需要付費，所以還沒有實際跑過一次這樣的流程，就提供大家去實驗看看了!

#### Figma提供的[方法](https://www.figma.com/community/file/887771087397212065)及[模板](https://www.figma.com/file/MqKZzW4b5w6r6OsuD1vcsL/Font-Awesome-Icons---Regular%2C-Solid%2C-Brands-(Community)?node-id=5%3A7785):


Figma發布的方法:
https://help.figma.com/hc/en-us/articles/360025508373-Publish-Components-and-Styles-to-your-Team-Library

###### tags: `Figma` `FontAwesome`