メモしよっと

なんでもメモするブログです。

FigmaでFont Awesomeを使う方法

忘れそうなのでメモ

手順

1. Font Awesome公式ページにアクセス

fontawesome.com

2. アイコンをコピー

アイコン一覧の中から、Figmaで使いたいアイコンをクリックするとポップアップが表示する。 画面右上の小さなアイコン(Copy Glyphと表示されているところ)をクリックすると、コピーができる

3. Figmaにペースト(貼り付け)する

Figmaのフレーム上にペーストする 一見、空のテキストオブジェクトができる。 テキストオブジェクトを選択し、右ペイン テキスト欄のフォントをFont Awesome {version} Freeに変更 文字タイプをSolidに変更する

4.完成!

No3.によりFont Awesomeのフォントが表示できるようになり、アイコンが表示される。

参考

Figmaでテキスト内にアイコンを挿入する方法 | wentz-design.com