Five Favorite Figma Plugins

It’s easy to feel overwhelmed by the seemingly endless list of Figma plugins. Here’s five plugins to help you supercharge your design process.

Image for post
Image for post

Figma has thousands of plugins to speed up your workflow. Need to add a smooth shadow effect to a frame? There’s a plugin for that. Or maybe you need to find a free-to-use image for your hero section. With the Unsplash plugin you can browse millions of high-quality photos, all without leaving your workspace.

With the seemingly endless list of plugins, though, it’s easy to feel unsure about where to start. Here’s a list of five essential plugins to get you started.

1. Blush

Image for post
Image for post
Easily create and customize illustrations with Blush

If you’re a long-time Figma user you might be wondering why I’m highlighting Blush over Humaaans. Both give you access to illustrations by the amazing Pablo Stanley, but there’s two key factors setting Blush apart–the most important being that this plugin was created by Pablo Stanley himself. Browse and customize beautiful illustrations from Stanley and artists from all over the world, all free to use for personal and commercial purposes.

2. Chart

Image for post
Image for post
13 out-of-the-box chart types with Chart

Mobile use has been growing exponentially, and the need for data visualizations is only increasing. Chart can help you create and edit anything from donut charts to pie charts to bar charts. The best part? You can easily create these charts in seconds using random, tabular, or JSON data.

3. Bannerify Banner Studio

Image for post
Image for post
Animate and export production-ready banners with Bannerify

With Bannerify you can animate and export production-ready banners in a single click. Need to export your animated banner as a GIF? No problem! There’s no specialized video editing software required. Not only can you export to any format you need, but built in image compression also gives you complete control of the file size.

4. Mapsicle

Image for post
Image for post
Customize the style, zoom level, and more with Mapsicle

Have you ever needed to create a realistic map for your mockups? Of course you have! With the Mapsicle plugin you can drop your customized Mapbox map into your Figma designs with zero lines of code. You’ll never have to take a random screenshot of a map again.

5. Anima

Image for post
Image for post
Create high-fidelity prototypes in Figma with Anima

Last, but not least, we have Anima, the plugin that allows you to create realistic prototypes in Figma. Design highly interactive user experiences in minutes and win the hearts of your stakeholders. Export HTML and CSS code with a single click, and even connect your designs to a live domain.

Hopefully this quick list provides a solid starting point for your Figma design process. If you feel like I missed something, please let me know in the comments!

Written by

UX/UI Designer guiding projects to user-centric solutions that balance beauty with business goals. Previously freelance, currently with Pearson.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store