While you can change the icon’s size after placing it in your design, we’ve also added a way to adjust the size of the icon before placing it into your design. Once the icon is placed, it is a standard SVG element so you can adjust color and sizing just like like any vector element. You can then drag it to where you would like it in your design. It will be placed as an SVG into the center of your current view in Figma at 16px high in a frame named with the icon’s name. Once you find an icon you want to use, just click it to drop it into your design. Searching for icons in the Font Awesome Figma Plugin Add Icons to Your Figma Designs By default, the plugin is set to show theĬlassic Solid icons, but you can switch to any of our other Families or Styles using the dropdown menus. Our official Figma Plugin lets you search our icons to find just what you need for your designs. Now you’re set to search and add icons! Using the Plugin Search for Icons If you prefer to enter your token every time you run the plugin, you can uncheck “Remember my token”.

From a browser: Visit the Font Awesome Icons (Official) page, click the “Open in…” button, and select a file to open it inįinally, the first time you open the plugin, it will ask you for an API Token, which you can create (for free!) in your Account on :Ĭopy the token and paste it into the Figma Plugin.

From the Figma app: Go to Resources > Plugins and search for “ Font Awesome Icons (Official)“.

You can get the plugin in one of two ways: Next, you’ll need to install the plugin in Figma. Create a Font Awesome Accountįirst, you’ll need to create a Font Awesome account if you don’t already have one. If you’ve got Pro, you’ll also be able to search and add any Pro icons, including any custom icons you’ve added to your Kits. With the Figma Icon Plugin, you can search and add any free icons if you’ve got a Free account. While you can use any of our methods for adding icons in Figma, our Figma Plugin lets you easily search and add icons as SVGs right from Figma. And if you have custom icons in your Pro Kits, you can easily search and add those too! I would love to see some of the things that Illustrator does really well coming into Figma.Easily search and add icons in Figma with our Official Figma Plugin. I don’t anticipate a ton of Adobe bloat coming into Figma, but I could be wrong. So my gut would say that there are a lot of things that Figma does really well that are going to make their way into Creative Suite in some capacity rather than the other way around. I think that Figma is enough of a powerhouse kind of on its own that that’s not going to happen with the employees there and the community, especially as such a huge force with a lot of momentum behind it that helps support the product and keeps it moving. And there have also been some that have been killed because of the acquisition in some ways or left to kind of shrivel up and die on their own. They’ve made some very smart ones and have supported them well. “I am usually a little bit wary of Adobe acquisitions of things.

So, is Adobe buying up Figma a good thing? Noah is hopeful. But not everyone was satisfied with Illustrator.

It is a powerful vector-based program that allows for precise editing and manipulation of artwork. Is that a good or bad thing?įor years, Adobe Illustrator was the go-to tool for icon design. When it came time to actually place my work in context and test things out in terms of the icons, it became much easier to eventually just start doing all the work in Figma to kind of cut down on a lot of steps.Īnd that went through a few rounds of testing initially to see if this would even be a feasible replacement for Illustrator for me.”Īdobe owns Figma now. I hadn’t fully moved over to being a specialist at my previous job yet. “If I’m being honest, it actually was kind of born out of laziness to a degree because at the time that Figma was gaining a lot of traction and kind of becoming a big thing, I was still doing a lot of my icon work in Illustrator, just like was.īut I was also doing a lot of product design kind of in concert with that craft. This is not to say that all designers should switch to Figma, but it does demonstrate the importance of finding the right tool for the job. Figma’s features allowed Noah to work more quickly and effectively than he could in Illustrator. While the quality of the design is still the most important factor, using the right tool can make the process easier and more efficient. So, tools can indeed make a difference in the design process. Lazy about workflows? There’s no shame in that game.

Font awesome figma