Framer
Framer is an AI-powered website builder with high-fidelity prototyping and interactive design.
Website
framer.com
Industry
Website
Share this article:

How to activate FramerIcons plugin into Framer

Create your own interactive guide with Guideflow

How it works

Here is a step-by-step guide on how to activate the FramerIcons plugin in Framer:

1. First click on the "Plugins" button in the top left toolbar

2. In the Plugins panel, search for "FramerIcons" and click to launch it

3. Now your plugin is launched, browse through the library of icons available within the plugin

4. If required, "Log in" to your account or create a new one to access the plugin's full features

5. Use the search bar or explore categories to find the icon you need

6. You can directly choose your favorite icon set

7. To change the color of the icons, click the "color" section at the bottom

8. And select your desired color

9. Next, click on the desired icon to add it as a component in your canvas

10. Place the icon in your desired location and resize it as needed

11. For further adjustments, use the properties panel in the right sidebar.

Why should you use this feature?

Framer is a powerful design tool that effortlessly bridges creativity and functionality for interactive projects.

Activating the FramerIcons plugin elevates your design capability by integrating a rich library of icons directly into Framer. This seamless enhancement allows designers to quickly add and modify icons, streamlining their workflow.

Using FramerIcons simplifies the design process, ensuring consistency and efficiency, and helps bring ideas to life with visual flair.

A cursor points to a button labeled "James."

Create your first demo in less than 30 seconds.