Best Figma Plugins For Designers and Developers

27 Best Figma Plugins For Designers and Developers [2021]

Ever since the Figma community launched, there has been so many exciting plugins that have been released. These plugins serve to truly extend the functionality of Figma. You can find a plugin for almost anything you can imagine. Today we'll show you some of the best ones.

Best Figma Plugins For Designers and Developers

1. Unsplash

Insert beautiful images from Unsplash straight into your designs.
Unsplash image

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.
Iconify image

3. 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!
Content Reel image

4. Material Design Icons

Instant easy access to the entire Material Design Icons library. 27,000 new icons, available in PNG and SVG. Search icons by name or scroll through the entire list. Filter by category, change style and size, and choose between different styles: filled, outlined, rounded, etc.
Material Design Icons image

5. Lorem ipsum

Generate ‘Lorem ipsum’ to fill your text layers with dummy text. Select all the text layers you want to generate ‘Lorem ipsum’ for then click ‘Generate’ — it will generate for each layer uniquely. ‘Auto-generate’ will automatically fill the selected layers with the perfectly amount of ‘Lorem ipsum’ to fit their existing frame.
Lorem ipsum image

6. Autoflow

Autoflow makes it easy to draw flows. Simply select 2 objects and a line will be magically drawn between them.
Autoflow image

7. 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.
Figmotion image

8. 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. Each chart comes with its own set of configurations such as number of points, max and min values. If a frame is selected then the chart will be placed within the frame otherwise it will be placed at 0x0 coordinates and the viewport will move to that position.
Charts image

9. Vectary 3D

Vectary 3D plugin for Figma is adding the missing third dimension to your 2D designs. Place your Figma design into a predefined 3D mockup or your custom 3D element. Set your desired perspective in 3D and place the result into the scene with one click.
Vectary 3D image

10. 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. Shapes are created using SVG, so you get those oh-so-sweet bézier curves.
Blobs image

11. Remove BG

Remove the background of images automatically with just a single click - using the API.
Remove BG image

12. Feather Icons

Quick access to Feather icons in Figma.
Feather Icons image

13. 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. Once you've placed a map in your designs, head back into Mapsicle to adjust the location, style, zoom level and more. Mapsicle uses Mapbox maps to give you a variety of customization options. Have fun! ✌️
Mapsicle image

14. Image Palette

Extracts a colour palette of 5 different colours from the selected images. Note: This uses a median cut algorithm, which roughly approximates the most prominent different colours in the image. The algorithm is fast but can sometimes lead to unusual results, such as with low-colour images, images of vector graphics, and so on. The extracted colours may not exactly match the hex codes in the image.
Image Palette image

15. Avatars

Add random user avatars to your designs with one click! Select any type of element and run the plugin. It will fetch an avatar image and add it as a fill on your selected element. You can also run the plugin without anything selected and it will add an element with an avatar.
Avatars image

16. 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!
Get Waves image

17. 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! Design & developed by Deep Joshi and Manthankumar Satani If a designer wants to simplify the process in the early stage of a project like planning and brainstorming then “Wireframe” Plugin plays a major role in this process and makes it easier because a designer should spend time on thinking awesome design ideas, not on the basics they already know.
Wireframe image

18. Icons8 Free Icons

At Icons8 we have been hand-crafting icons for over 7 years. Now you can use one of the largest and most consistent icon collections around without ever needing to leave Figma.
Icons8 Free Icons image

19. 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.
Chart image

20. Better Font Picker

Well... Like the name suggests, Better Font Picker helps you select fonts with a preview of how it looks. Now you can skim through all those 1000s of fonts installed seamlessly as an alternative to the default font picker in figma! Note: Better Font Picker shows ONLY the list of installed fonts in your system.
Better Font Picker image

21. Stark

Design products that are accessible, ethical, and inclusive with a contrast checker, colorblind simulator, education and more. All based on WCAG guidelines.
Stark image

22. Isometric

Isometric allows you to create isometric layers without manually having to set them up.
Isometric image

23. arc

One of the most desired text features has just come to Figma with our Arc plugin! Curve your text upward, downward or into a circle. Adjust the slider and preview the result.
arc image

24. Blush

Create and customize illustrations in your designs with Blush. Just choose a collection, pick a composition, and place it on the canvas. You can keep playing with the variations in the illustration to create something unique that fits your brand.
Blush image

25. Map Maker

Map Maker allows you to make a customized map blazing fast. It currently supports Google Maps and Mapbox. We are planing to support other map hosting service as well.
Map Maker image

26. HTML Figma

Easily convert any webpage to Figma layers by URL, or turn a Figma design into code!
HTML Figma image

27. Humaaans for Figma

This plugin brings the amazing illustations library called Humaaans by Pablo Stanley to Figma. With Humaaans you can either use the already premade people illustrations or mix-&-match illustrations to create your own unique work.
Humaaans for Figma image