16 must-have Figma Plugins for UI/UX Designers
Tags: productivity, design, react, javascript
Published: 2021-09-29 18:21:39

Hey there, I'm Savio Martin, A 14-year-old boy on an intention to enhance as a successful full-stack web developer. I love building full-stack web applications and mobile apps. I have proved my superiority in frontend technologies. I love to share my resources and expertise with the dev community. I regularly write articles on @hashnode.

Today, I'm gonna share 16 must-have Figma Plugins for UI/UX Designers. These plugins are really helpful to UI/UX designers and fasten our job. So, consider installing these plugins. Those are the plugins I could not live with, huh!! So, let's get started

##  [Color Palettes](https://www.figma.com/community/plugin/740832935938649295/Color-Palettes)

With Color Palettes for Figma, you can search for your favourite colour code, palette number or name that you remember from Color Palettes plugin and apply it on your design and make it awesome
![](https://www.figma.com/community/plugin/740832935938649295/thumbnail)
  
 ## [Autoflow](https://www.figma.com/community/plugin/733902567457592893/Autoflow)

Autoflow makes it easy to draw flows. Simply select 2 objects and a line will be magically drawn between them.
1. Run Autoflow
2. Select any 2 shapes while holding down ⇧SHIFT and a line will be drawn
3. Keep selecting until you're all wired up!

![](https://www.figma.com/community/plugin/733902567457592893/thumbnail)

 ## [Product Planner ](https://www.figma.com/community/plugin/766652281834442616/Product-Planner)

Product Planner makes the process more comfortable to get started, product planning, product insights, identifying risks, setting goals and identifying and solving problems. Use the prebuilt template relevant to your tasks.
![](https://www.figma.com/community/plugin/766652281834442616/thumbnail)
 
 ## [Remove BG ](https://www.figma.com/community/plugin/738992712906748191/Remove-BG)

Remove the background of images automatically with just a single click - using the remove.bg API.
![](https://www.figma.com/community/plugin/738992712906748191/thumbnail)

 ## [Figmotion](https://www.figma.com/community/plugin/733025261168520714/Figmotion)

Figmotion is an animation tool built right in Figma. This makes the entry into animation easier and more convenient as there is no need to switch to a completely separate motion tool such as Principle, Haiku or After Effects. Figmotion makes the animation hand-off to developers more manageable as well as it is built with web technologies in mind.
![](https://www.figma.com/community/plugin/733025261168520714/thumbnail)
 
 ## [Brands Colors ](https://www.figma.com/community/plugin/740232388085828578/Brands-Colors)

With Brands Colors for Figma, you can search for your favorite brand's colors or app's colors and apply it on your design and make it awesome
![](https://www.figma.com/community/plugin/740232388085828578/thumbnail)
 
 ## [Unsplash  ](https://www.figma.com/community/plugin/738454987945972471/Unsplash)

Insert beautiful images from Unsplash straight into your designs.
![](https://www.figma.com/community/plugin/738454987945972471/thumbnail)
 
 ## [Mapsicle](https://www.figma.com/community/plugin/736458162635847353/Mapsicle)

Never take a screenshot of a map again! With Mapsicle, you can quickly and seamlessly place maps in your mockups. An interactive map lets you pan to the perfect location, or you can search for a place anywhere in the world. 
![](https://www.figma.com/community/plugin/736458162635847353/thumbnail)
 
 ## [Themer](https://www.figma.com/community/plugin/731176732337510831/Themer)

Themer enables you to create and swap themes from your *published* styles in your team library. Use it for color, text and effect styles.
![](https://www.figma.com/community/plugin/731176732337510831/thumbnail)
 
 ## [Responsify](https://www.figma.com/community/plugin/743654854885744527/Responsify-%E2%9A%A1%EF%B8%8F)

A Figma plugin to quickly test your designs across multiple device sizes.
1. Select any frame, component, or instance
2. Menu > Responsify️️ ⚡️ > Select device sizes to test
3. Command + Shift + P to re-run
![](https://www.figma.com/community/plugin/743654854885744527/thumbnail)
 
 ## [Blobs  ](https://www.figma.com/community/plugin/739208439270091369/Blobs)

Create organic blob shapes with the click of a button. Every shape that is generated is unique to the last. You can control how unique a shape is  along with how many points it has.
![](https://www.figma.com/community/plugin/739208439270091369/thumbnail)
 
 ## [SmoothShadow  ](https://www.figma.com/community/plugin/740832935938649295/Color-Palettes)

Create really smooth, layered shadows
![](https://www.figma.com/community/plugin/788830704169694737/thumbnail)
 
 ## [Isometric  ](https://www.figma.com/community/plugin/741184519069077841/Isometric)

Isometric allows you to create isometric layers without manually having to set them up.
![](https://www.figma.com/community/plugin/741184519069077841/thumbnail)
 
 ## [Content Reel  ](https://www.figma.com/community/plugin/731627216655469013/Content-Reel)

Design layouts more efficiently by pulling text strings, images and icons from one palette. Content Reel lets you create custom content and share it with other Figma users. Collaboration has never been easier!
![](https://www.figma.com/community/plugin/731627216655469013/thumbnail)
 
 ## [Webgradients  ](https://www.figma.com/community/plugin/802147585857776440/Webgradients)

Meet the easy-to-use and powerful functional gradient plugin that you can use as content backdrops in any part of your website it in a moment! 
![](https://www.figma.com/community/plugin/802147585857776440/thumbnail)
 
 ## [Chart ](https://www.figma.com/community/plugin/734590934750866002/Chart)

Chart is a plugin for Figma that uses real or random data to create the most popular charts. Chart supports copy-paste from editors like Excel, Numbers, Google Sheets, live connection with Google Sheets and remote JSON (REST API), local CSV and JSON files.
![](https://www.figma.com/community/plugin/734590934750866002/thumbnail)

Hope you all loved this article. If you have any doubts or queries, write it up in the comments below. Also, do reactions in this article. Thanks for your time. 🙏

Don't forget to follow me on [Github](https://github.com/saviomartin) and [Instagram](https://www.instagram.com/teen_developer/)
%[https://github.com/saviomartin/]

### Wishing You A Good Day! Happy Hacking! 💻⚡