5 min read

12 Useful Figma Plugins

Figma is quickly becoming the go-to collaborative tool for UI designers everywhere. A large part of this is due to the introduction of Figma plugins. Figma plugins are a recent addition to Figma that expand its capabilities and extend what designers are able to do with the tool. These plugins for Figma are built by a collaborative community and are an easy way to perform a range of actions. With this helpful update, designers can automate repetitive tasks, add accessibility features and add helpful content into mockups. Plugins are easy to install and make work easy, efficient and enjoyable. Figma has over 400 plugins in its library. With so many designers depending on them, the number of plugins continue to increase as part of the Figma new update. 

Designers can use these plugins to make their workflow more efficient quickly and effectively.

In this guide we have compiled a list of 12 of the best Figma plugins and Figma’s most useful plugins that all designers must explore. 

1. Unsplash

Unsplash was initially a photography website that has made its way to Figma as a useful Figma plugin. Amongst the UI/UX community, Unsplash is one of the most celebrated and useful plugins. What makes it so popular is how efficient it is. Its drag and drop function allows you to use any image that you like and place it directly on your frame. Designers also love Unsplash because it has more than 1 million high quality images across categories like nature, technology, portraits, animals, people etc. Choose from a random category or pick from a specific search phrase.

Install here — https://www.figma.com/community/plugin/738454987945972471/Unsplash


2. Wireframe

Wireframe gives designers the capability to create anything from scratch. You do not need different files, features, kits or specialised skills. Just add elements directly to your Figma frames and edit them based on your project requirements. 

Install here — https://www.figma.com/community/file/809483562248762502


3. Iconify

This is a very cool Figma plugin that has a library of over 35000 high quality icons across a variety of categories. It also has logos and emojis that make it a lot of fun. Resize them or edit as per your project requirements. 
Install here — https://www.figma.com/community/plugin/735098390272716381/Iconify


4. Remove BG

The days of struggling to remove your image background are over. With this plugin, designers can remove image backgrounds with a single click. It works for any image and saves you a lot of time. All you need to do is set up an account to use this plugin to the full extent of capabilities. 
Install here — https://www.figma.com/community/plugin/738992712906748191/Remove-BG

5. Mapsicle

It can be extremely time-consuming to add google maps to your Figma frames. This Figma plugin lets you add high quality maps to your designs quickly and easily.

Install here — https://www.figma.com/community/plugin/736458162635847353/Mapsicle


6. Colour Palettes

This plugin enables designers to pick the right colour palettes that complement the design cue of their website or mobile app. It gives you vast range of more than 1500 colour palettes that you can apply directly to your designs. You can also search for specific palettes by colour code, palettes number or even its name. 
Install here https://www.figma.com/community/plugin/740832935938649295/Color-Palettes

Color palettes

7. Coda for Figma

The Coda plugin is a document generating tool. This plugin allows you to add data for various different platforms like Dropbox, Spotify, Shopify, Wikipedia, Gmail and others. 

Install here — https://www.figma.com/community/plugin/738264841927149297/Coda-for-Figma

Code For Figma

8. Autoflow

Draw flows between your objects automatically with this plugin. Simply select the two objects you want to create a flow between, press the hotkey and the line will be drawn automatically. It is extremely popular with designers as evident from the 200k downloads it saw this year. 

Install here — https://www.figma.com/community/plugin/733902567457592893/Autoflow


9. Charts

Create charts directly in your Figma document with this extremely useful plugin. It does have its own maximum values, minimum values, and a number of points it permits designers to edit lines, area, scatters, pie, bar chart, doughnut, etc., and customize it based on your product need.

Install here — https://www.figma.com/community/plugin/731451122947612104/Charts


10. Feather Icons

These Figma plugin icons provide you with more that 250 amazing source icons under one platform. Customise these icons based on size, stroke width, and colours. Each icon is designed on a 24×24 grid and it comes in an SVG format. This Figma plugin created by Cole Bemis is the go-to icon library for a lot of UI/UX designers. 

Install here — https://www.figma.com/community/plugin/744047966581015514/Feather-Icons


11. Contrast Checker

Ensuring your website or mobile app meets the Web Content Accessibility Guidelines has become extremely important. This helpful plugin compares the contrast ratio of texts in the frame and sees if it meets the WCAG’s AA and/or AAA standards or not. It also works for background layer detection and consists of a colour slider that allows designers to adjust colours to meet the guidelines in real time. 

Install here — https://www.figma.com/community/plugin/733159460536249875/A11y-Color-Contrast-Checker

Contrast Checker

12. Spellchecker

Incorrect spellings can ruin your hard work and completely spoil the quality of your UI design no matter how good it is. This plugin checks spellings and grammar in a single click. Fix any typos immediately. You can also add words like your brand name, ship words, and other words to your dictionary so that it doesn’t come as a typo next time and you can write efficiently.

Install here — https://www.figma.com/community/plugin/738839069237725273/Spellchecker


Figma use for designers just got a whole lot easier with these plugins!

Published by Venky Hariharan

Lead UX Designer


Venky Hariharan Lead UX Designer