The ultimate list of Figma plugins, organized 😊

Salman Khan
Bootcamp
Published in
5 min readMay 2, 2021

--

A boy using his laptop.

This is an organized list of the best figma plugins for images, colors, development handoff and much more. It helps you work faster, smart and efficiently.

Tip: Save this article so that you can access it anytime later

Top 10 Of All Time 😎

  1. Unsplash β€” Insert beautiful images from Unsplash straight into your designs.
  2. Iconify β€” Import Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji and many other icons (more than 60 icon sets containing over 50,000 icons) to Figma document as vector shapes.
  3. Content Reel β€” Design layouts more efficiently by pulling text strings, images, and icons from one palette. It’s one of my favorite plugins.
  4. Autoflow β€” Autoflow makes it easy to draw flows. Simply select 2 objects and a line will be magically drawn between them.
  5. Image Palette β€” Extracts a colour palette of 5 different colours from the selected images.
  6. Blush β€” Create and customize illustrations in your designs with Blush. Just choose a collection, pick a composition, and place it on the canvas.
  7. Remove BG β€” Remove the background of images automatically with just a single click β€” using the remove.bg API.
  8. Mapsicle β€” Never take a screenshot of a map again! With Mapsicle, you can quickly and seamlessly place maps in your mockups.
  9. Charts β€” Charts allows you to generate charts that can be added and edited within your Figma document. Choose from Line, Area, Pie, Doughnut, Scatter and Bar charts.
  10. Lorem Ipsum β€” Generate β€˜Lorem ipsum’ to fill your text layers with dummy text.

For Color Lovers 🎨

  1. Color Designer β€” The plugin generates shades, tints, and color harmonies based on select layers or local styles.
  2. Color Name β€” Answers the question β€œHow should I name this color?” once and for all. Select any node with solid fill and see the name of the color or the list of color names closest to it.
  3. Palette β€” Palette helps you create the perfect color palette through machine learning from Colormind.
  4. uiGradients β€” Adds gradients to groups, text and frames in single click.
  5. Web Gradients β€” 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!

Accessibility: Design For All πŸ˜€

  1. Stark β€” The suite of integrated accessibility tools for your product design and development team
  2. Color Blind β€” Color Blind allows you to view your designs in the 8 different types of color vision deficiencies.
  3. A11y β€” Color-Contrast-Checker β€” Ensure your text is readable for users by adhering to WCAG (Web Content Accessibility Guidelines) standards.
  4. Cards for Humanity β€” Cards for Humanity is Idean’s tool for inclusive design. Deal the cards to get a person and a trait. Your challenge is to work out how you can design for their needs.
  5. Able β€” Able makes accessibility easy, while looking and feeling like Figma!

Making It Pop πŸ˜ƒ

  1. arc β€” Curve your text upward, downward or into a circle. Adjust the slider and preview the result.
  2. Confetti β€” Confetti for Figma lets anyone create gorgeous confetti patterns.
  3. Filter β€” At the moment, there are more than 40 customizable filters available. They are awesome to create some cool effects.
  4. Geometric β€” Make math shapes and curves. Choose from Polar Rose, Trigonometric functions, Polygons, Spirals of different kinds, Superellipse, Astroid and modify multiple parameters to get complex shapes with ease.
  5. Get Waves β€” Get Waves is a free SVG wave generator to make unique SVG waves for your next design. Choose a curve, adjust the complexity, randomize!
  6. Morph β€” Create awesome effects like Skeuomorph, Neon, Glitch, Reflection, Glass, Gradient, etc. right in Figma!
  7. Neumorphism β€”Create beautiful neumorphistic designs in just a few seconds. Just select anything you would like to β€œneumorph”, open the plugin and boom.
  8. Noise β€” Make some noise in Figma! Noise is a handy tool when you need to add a hint of realism to your work. Scale up your noise to simulate clouds or smudges and wear.
  9. Pattern Hero β€” Pattern Hero enables you to place selected elements or frames in a grid to create patterns.
  10. Skew Dat β€” With this plugin, you can skew anything & everything in sight within the comfort of everyone’s favorite design program, ehm ehm Figma.

Honorable Mentions πŸ†

  1. 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.
  2. Convertify Figma to Sketch/XD (Beta) β€” Convert and export your designs from Figma to Sketch or Adobe XD (BETA) with one click
  3. Figma Chat β€” This plugin helps you to interact inside your files with other peoples.
  4. Figmotion β€” Figmotion is an animation tool built right in Figma.
  5. Find & Replace β€” Search for texts on your page and replace them just like a text editor.
  6. Isometric β€” Isometric allows you to create isometric layers without manually having to set them up.
  7. Lottie Files β€” With the LottieFiles plugin for Figma you can drag and drop lottie files into figma, access a library of 1000s of free Lottie animations, insert Lotties as GIF animations, and much more.
  8. Similayer β€” This plugin takes Figma’s in-built β€˜Select all with…’ command to the next level. You can Select similar layers; based on a whole range of properties.
  9. Storyset by Freepik β€” Cool illustrations to power up your project!
  10. Table Generator β€” Table Generator plugin automates the addition of tabular data. Copy paste the data(currently in supported CSV format) and that’s all, the table is generated.
  11. TinyImage Compressor β€” Export compressed JPG, PNG, SVG, WebP, GIF, WebM, AVIF and PDF image files directly from Figma
  12. Todo β€” Simple todo list plugin to check off your tasks inside Figma!
  13. Wireframe β€” Wireframe plugin is the best for creating beautiful user flow prototypes and basic structures in Figma so no other kits, files or skills required!
  14. Zeplin β€” Zeplin for Figma lets you export your frames and components to Zeplin.

Closing Note and Thanks

Thank You

Thanks for lot for sticking to the end. Please make sure you save this article so that you can refer to this later. If you are still reading this, leave your favorite emoji in the comments. See you in my next article. Till then, take care.

--

--

Hi, I am an introvert, a designer, and an illustrator. I listen, read books, and speak (through my work).