Plugins and Widgets in Figma: Extending Functionality for Better Workflow

Plugins and widgets extend Figma's functionality, offering additional features created by the community.

• Go to the Tools bar, select Actions, then Plugins and Widgets, then search for a plugin or launch an already saved one;

• The Community section in Figma is the best way to browse plugins or explore categories;

• To install a plugin, click Open In, select your project, and save.

Examples of Plugins

1. Styler: helps automate style creation. Rename layers as needed, run the plugin, and it generates grouped color styles;

2. Iconify: recommended for finding and using icons);

3. Typescales: it replicates typography hierarchy setup directly in Figma.

Examples of Widgets

Widgets, however, are designed for collaboration and interaction, widgets complement plugins, which are better for automation.

1. Navigate: adds navigation buttons to guide teammates or clients through designs;

2. Voice Memo: lets you record and attach voice notes to specific parts of your design for feedback or instructions.

To remove a plugin or widget, go to the Plugins and Widgets window, click the three dots next to the item, and select Remove.

In short, plugins make your design process faster and smarter, while widgets make collaboration and interaction smoother and more fun. Together, they're like the ultimate power-up for Figma!
Make sure to check out the community's page for more plugins and widgets. You're going to find a lot that will suit your needs!