How to implement Material Symbols in Figma

A flower that represents Figma with the text "Material Symbols" beneath it.

A step by step guide on adding and using Google's Material Symbols in a Figma project.

Step One: Run the Material Symbols Plugin

A screenshot of Figma highlighting the Resources tab on the top menu bar. We have also shown the pop up that appears and have inputted "Material Symbols" into the search bar. The results that appear show the "Material Symbols" plugin as the first option, and we have highlighted the "Run" button that appears when you place your cursor over the menu item, allowing you to open the plugin.

In the Figma project, open the Resources tab.

In the pop up that appears, select Plugins and search for Material Symbols.

Click Run.

Step Two: Implement a Material Symbol

A screenshot of Figma showing the Material Symbol plugin window. We have searched for "exit" and have selected an exit symbol that matches our wishes. This symbol now appears in the Figma project.

In the Modal that appears, search for the glyph that you wish to use and click the relevant icon to add it to your project.

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.

How to implement Material Symbols in Figma

A step by step guide on adding and using Google's Material Symbols in a Figma project.

Step One: Run the Material Symbols Plugin

Step Two: Implement a Material Symbol

Any Questions?

Book a Free Consultation.

Click here to email us.

Fill in the details below to book a free consultation or to let us know about something else. Whatever it is, we are here to help.

How can we help you ?

Contact Details