Ready to bring some Font Awesome goodness into your Figma designs?

In this screencast, we’ll show you how to use the official Font Awesome Figma Plugin to search for icons, add them directly to your designs, and customize them to fit your workflow.

Whether you’re using Free icons, Pro icons, or custom icons from your Kits, we’ll walk through getting the plugin set up and putting it to work.

🗒️ What We Cover
🔌 How to install the official Font Awesome Figma Plugin
🔑 Connect the plugin with your Font Awesome account using an API token
🔎 Search Font Awesome icons by Family and Style
✨ Add icons directly to your Figma designs as SVGs
📏 Choose an icon size before adding it to your design
🖼️ Adjust the padding and frame around your icons
🎨 Customize your icons just like other vector elements in Figma
🧰 How Pro users can search and add custom icons from their Font Awesome Kits

⏱️ Timestamps
00:00 – Intro
00:14 – Adding the Official Font Awesome Plugin to Figma
00:42 – Create a new Font Awesome API token
01:23 – Specifications when choosing your icon
01:42 – Uploading custom icons into Figma with the official plugin
02:02 – Using a Kit subset with the official plugin
02:20 – Outro: Go make something awesome

🔗 Links & Resources
📘 Check out the docs: [https://docs.fontawesome.com/desktop/add-icons/figma-plugin]
🎨 Get the official Font Awesome Figma Plugin: [https://www.figma.com/community/plugin/1207989878497331498/font-awesome-icons-official]

Now go make something awesome.