Published on
April 15, 2024

30 Best Figma Plugins for Designers [2024]

Sina Sadegh
Co-Founder @ Magic Design

Over the last couple of years Figma has become the de facto standard for graphic designers around the globe. Despite all the features that are already included there are tons of plugins that can even further enhance your workflows and results as a designer.

Whether you are looking to save time by integrating icon or illustration libraries, adding animation functionality to Figma or optimizing your Workflow. With the right plugin you can transform the way you work and level up your design results. In this article we are looking into the best 30 Figma plugins for designers in 2024. They will maximize your productivity and help create even more advanced designs.

How did we come up with the list?

We asked our 20 expert designers at Magic Design, that are spending every day in Figma which plugins they use on to deliver stunning results for our clients and created this curated list for you.

Our Top 30 summarized

  1. Icons8 Background Remover - Remove background from any image
  2. Print for Figma - Create Print-Ready Documents in Seconds
  3. html.to.design - Converts any website into fully editable Figma designs
  4. Iconbuddy - Search and use over 180,000 open source icons
  5. Unsplash - Insert beatiful images from Unsplash into your designs
  6. Remove BG - Remove the background of images automatically
  7. Anima - Get code, based on your design
  8. Lorem Ipsum - Fill your designs with placeholders
  9. Blobs - Organic blob shapes
  10. Better Font Picker - Select the right fonts with ease
  11. Chart - Create charts in Figma
  12. Table Creator - Create custom-styled tables
  13. Get Waves - Free SVG wave generator
  14. Image Palette - Extract a colour palette
  15. Brandfetch - Import Brand Logos into Figma
  16. User Profile / Avatar - Display beautiful generated avatars in your designs
  17. Beautiful Shadows - Create smooth and beautiful shadows
  18. Mesh Gradient - Gradient image with 2d mesh
  19. Figmoji - Add emojis to your design
  20. Spell - Spell Checking for Figma
  21. Rename It - Keep your Figma files organized, batch rename layers and frames
  22. Deck - Convert Figma designs to editable powerpoint presentations
  23. Pitch Deck Presentation Studio - Turn your Figma designs into animated presentable slide decks
  24. Shader Gradient - Create beautiful moving gradients
  25. Lottie Files - Create animations with ease
  26. Memojis - Add Memojis to your designs
  27. Tiny Image Compressor - Export compressed images in Figma
  28. Mockuuups Studio - Mockups in Figma
  29. Tokens Studio - Design Tokens in Figma
  30. Autoflow - Easy way to create user flows

But here are all the plugins in detail:

1. Icons8 Background Remover - Remove background from any image

The Icons8 Background Remover is a free plugin for Figma that offers a straightforward and efficient method to remove backgrounds from images directly within Figma. The plugin utilizes AI to precisely remove backgrounds while maintaining the original image size and quality. It is very user-friendly, requires no sign-up or subscription and there are no limits on the number of images you can edit.

Pricing: Free

👉🏻 Link to the plugin

2. Print for Figma - Create Print-Ready Documents in Seconds

Print for Figma - Create Print-Ready Documents in Seconds

Figma is not built to create print files, although us designers sometimes wish it would be. The "Print for Figma" plugin helps to prepare Figma designs for printing by adding essential print-related features directly within Figma. Key features include CMYK, RGB, and Grayscale export as well as bleed and crop marks. Furthermore, it helps us to change the DPI settings to ensure our print files have the right quality (up to 300DPI). It’s especially helpful for anyone that wants to work around print design software like Adobe InDesign.

Pricing: Freemium ($12/month subscription)

👉🏻 Link to the plugin

3. html.to.design - Converts any website into fully editable Figma designs

Converts any website into fully editable Figma designs

Sometimes you are seeing a website and want to have the components in an editable Figma file. With “html.to.design” you can convert any website into fully editable Figma designs. It saves you a ton of time that would otherwise be spent manually recreating each element from scratch.

Bonus Use Case: We are often using the plugin to work with clients that don’t have a proper Figma design system but still want to work on top of what they have on the website right now.

Pricing: Freemium ($18/month subscription)

👉🏻 Link to the plugin

4. Iconbuddy - Search and use over 180,000 open source icons

Iconbuddy Figma Plugin

If you are designing on a daily basis, you will always need icons, but it’s a pain to grab them. The Iconbuddy plugin for Figma allows designers to access a vast library of over 180,000 open-source SVG icons without leaving Figma. You can search for and insert icons with just one click, streamlining the design process significantly. Iconbuddy is especially popular among developers and designers for its ease of use and the amount of icon collection, which can be customized and edited to fit any design need. No more need of importing icons manually.

Pricing: Freemium

👉🏻 Link to the plugin

5. Unsplash - Insert beautiful images from Unsplash into your designs

Insert beautiful images from Unsplash into your Figma designs

Everyone knows and loves Unsplash. But till now, you always needed to go to the website and copy over the images manually. With the Figma plugin, you can easily insert high-quality images from Unsplash directly into your Figma designs. You will save a ton of time finding and using beautiful, royalty-free images and ultimately enhancing your design projects. Anyone who works a lot with images will love it.

Pricing: Free

👉🏻 Link to the plugin

6. Remove BG - Remove the background of images automatically

Figma Background Remove Plugin

The Remove BG plugin for Figma allows you to remove backgrounds from images directly within Figma. The quality of the removal is really good but as a little downside you need to sign up and obtain an API key to use it.

Pricing: Paid

👉🏻 Link to the plugin

7. Anima - Get code, based on your design

Figma to Code Plugin

One of the most common uses cases for Figma is to create user interfaces. With Anima you can easily transform your designs into components for frameworks such as React, HTML, Vue, CSS, and Tailwind CSS. The plugin will save you a ton of manual work and at the same time generate clean code to speed your development process. Your devs will love it.

Pricing: Free

👉🏻 Link to the plugin

8. Lorem Ipsum - Fill your designs with placeholders

Fill your figma designs with placeholders

“Lorem Ipsum” - the greatest placeholder of all times and who hasn’t used it. With the Lorem Ipsum Figma plugin you can quickly generate and insert placeholder text into your designs. The plugin is especially useful during the mockup phase of design, where actual content is not yet finalized but you need text to fill layouts for presentation or testing purposes.

Pricing: Free

👉🏻 Link to the plugin

9. Blobs - Organic blob shapes

Blobs Figma Shape Plugin

Do you need some help creating visual elements like Blobs for your designs? The Blobs plugin for Figma has got you covered. Create and customize organic blob shapes within your designs.

Pricing: Free

👉🏻 Link to the plugin

10. Better Font Picker - Select the right fonts with ease

Font Picker Plugins Figma

Selecting the right fonts is always one of the hardest parts of every design. The Better Font Picker helps in the process of selecting fonts by providing a more intuitive and visual way to browse through font options. You can preview fonts directly within Figma and also see how each font looks in your actual project context, which can help you make faster and more informed decisions about typography.

Pricing: Free

👉🏻 Link to the plugin

11. Chart - Create charts in Figma

Create charts in Figma

With “Chart” you can create a wide variety of charts directly within Figma. Choose from 18 different types of charts to present data in a visually appealing way.

Pricing: Freemium

👉🏻 Link to the plugin

12. Table Creator - Create custom-styled tables

Create tables in Figma

Creating tables in Figma is always kind of a hassle using auto layouts. With “Table Creator” it’s easy because it helps generate custom-styled tables in no time.

Pricing: Freemium

👉🏻 Link to the plugin

13. Get Waves - Free SVG wave generator

SVG wave generator

The Get Waves plugin for Figma is a free SVG wave generator that allows you to easily create unique, customizable wave designs for your projects. It’s perfect for you if you are looking to add dynamic and aesthetic visual elements to your web pages, app interfaces, or digital graphics.

Pricing: Free

👉🏻 Link to the plugin

14. Image Palette - Extract a colour palette

Figma Color Palette Plugin

With the “Image Palette” Figma plugin, you can automatically extract a color palette from any selected image within your Figma file. It’s helpful to quickly and efficiently generate harmonious color schemes based on images and level up the aesthetic cohesion of your designs.

Pricing: Free

👉🏻 Link to the plugin

15. Brandfetch - Import Brand Logos into Figma

Logos SVG in Figma

When creating user interfaces, you often want to use brand assets such as logos and icons, but it always takes so much time to find the .svgs and copy them over into your project. With Brandfetch, you can access a vast database of brand elements and just add them with one click.

Pricing: Freemium

👉🏻 Link to the plugin

16. User Profile / Avatar - Display beautiful generated avatars in your designs

Figma User Avatar Plugin

With the “User Profile / Avatar plugin,” you can automatically generate and insert avatars into your Figma designs. This plugin is particularly useful for projects that require user profiles or need to display avatars for interface mockups or social media platforms.

Pricing: Freemium

👉🏻 Link to the plugin

17.  Beautiful Shadows - Create smooth and beautiful shadows

Figma Shadow Plugin

Smooth and aesthetic shadows can be a big part of your project. With the “Beautiful Shadows plugin for Figma,” you can easily create smooth and aesthetically pleasing shadows by manipulating a virtual light source. This innovative approach allows for more realistic and dynamic shadow effects in Figma.

Pricing: Free

👉🏻 Link to the plugin

18. Mesh Gradient - Gradient image with 2d mesh

Figma Mesh Gradient

With the “Mesh Gradient,” you can create nice-looking gradients with a 2D mesh technique. This allows for more complex and finely controlled color transitions compared to traditional gradient tools.

Pricing: Free

👉🏻 Link to the plugin

19. Figmoji - Add emojis to your design

Figmoji Plugin for Figma

We love Emojis in our designs and with “Figmoji” have finally found a plugin that helps us easily add emojis to our designs.

Pricing: Free

👉🏻 Link to the plugin

20. Spell - Spell Checking for Figma

Spell Checker for Figma

“The Spell” is designed to find all spelling and grammar mistakes in your designs. The plugin is particularly helpful for designers who need to ensure that the texts and designs are free from errors.

Pricing: Free

👉🏻 Link to the plugin

21. Rename It - Keep your Figma files organized, batch rename layers and frames

Rename plugin for Figma

With “Rename It,” you can efficiently manage and organize your Figma files by batch renaming layers and frames. It helps you especially on large projects with many elements, where maintaining a consistent naming convention can significantly streamline your workflows.

Pricing: Free

👉🏻 Link to the plugin

22. Deck - Convert Figma designs to editable powerpoint presentations

Deck plugin for Figma

“The Deck plugin for Figma” can turn your Figma slides into editable PowerPoint presentations. This integration is especially helpful for designers that like to build their slides in Figma but need to deliver the final results in PowerPoint.

Pricing: Freemium

👉🏻 Link to the plugin

23. Pitch Deck Presentation Studio - Turn your Figma designs into animated presentable slide decks

Presentation Figma Plugin

Are you looking to turn your Figma designs into animated slides decks? The Pitch Deck Presentation Studio plugin for Figma helps you to move your static designs created in Figma and convert them into dynamic, presentable slides suitable for presentations. You have a ton of various customization options for the animation effects, transitions, and layout of the slides so that you can be sure to create a stunning slide deck.

Pricing: Freemium

👉🏻 Link to the plugin

24. Shader Gradient - Create beautiful moving gradients

Shader Moving Gradients Figma

The Shader Gradient plugin helps you generate visually appealing moving gradients. You can add dynamic and eye-catching elements to their designs directly within Figma.

Pricing: Free

👉🏻 Link to the plugin

25. Lottie Files - Create animations with ease

Lottie Files Figma

The Lottie Figma plugin is you easy way to create animations directly in Figma interface and export them in Lottie format. Lottie renders natively on mobile and on the web so you really should check it out if you havent had the chance yet. With the plugin you can streamline the process of animating your designs.

Pricing: Freemium

👉🏻 Link to the plugin

26. Memojis - Add Memojis to your designs

Memoji Plugin Figma

You can use the “Memojis plugin for Figma” to add Apple style Memojis to your files. They are customizable avatars or characters that add a touch of personalization to your designs.

Pricing: Free

👉🏻 Link to the plugin

27. Tiny Image Compressor - Export compressed images

Compress Images in Figma

Compressed images are crucial for optimizing website performance, reducing loading times, and saving bandwidth. “Tiny Image Compressor” helps you to easily export compressed images directly from Figma interface.  You can specify the compression level and format of the exported images, helping them strike a balance between image quality and file size. Overall the tool helps to save one step that you would otherwise would need to do manually afterwords.

Pricing: Freemium

👉🏻 Link to the plugin

28. Mockuuups Studio

Mockups for Figma

Mockuuups Studio let’s you create mockups directly in Figma. Mockups are a great way for designers to showcase their designs in realistic contexts, such as on devices or in physical environments. In the plugin your will find a variety of templates and customization options.

Pricing: Freemium

👉🏻 Link to the plugin

29. Tokens Studio - Design Tokens in Figma

Design Tokens in Figma Plugin

Design tokens are a great technology but it was always quite challenging to use them in Figma. “Tokens Studio “ supports you in managing design tokens directly within the Figma environment. Design tokens are a way of abstracting and storing design-related values such as colors, typography, spacing, and more, allowing for consistency and easy updates across a design system. With this plugin, you can create, organize, and apply design tokens within your Figma projects, streamlining the process of maintaining design consistency and coherence.

Pricing: Freemium

👉🏻 Link to the plugin

30. Autoflow - Easy way to create user flows

User Flow Plugin Figma

With the Autoflow plugin you can creat user flows directly in Figma. User flows are diagrams that visualize the paths users take through a product or system to accomplish a task. With this plugin, you can automate the process of creating user flows by easily connecting screens or artboards.

Pricing: Freemium ($29 one time payment)

👉🏻 Link to the plugin

As you can see there are a ton of plugins out there that can help you optimize your workflows as a designer in Figma. If you're ever looking for new design gigs, check out Design Jobs, a free job board and weekly newsletter sourcing the best design jobs in tech globally.

About the author
Sina Sadegh
Co-Founder @ Magic Design
I have always been passionate about Startups and Design. In the past I have worked as a Chief of Staff at SellerX, Europe’s leading aggregator of e-commerce businesses based in Berlin and for Rocket Internet, Finanzcheck and Outfittery. I have been active in the design space since 2019.