A collection of Figma plugins for everyday design tasks — from finding good font pairs to creating responsive design. Most plugins in this list are available for free.
1. Remove BG
This plugin allows you to remove the background of images with just a single click.
Link to plugin
2. Unsplash
Unsplash is a free stock photography bank. The Unsplash license allows images to be used freely for both commercial and personal projects. This plugin allows you to insert images from Unsplash into your designs.
Link to plugin
3. Iconify
Iconify provides access to Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji and many other icons (more than 100 icon sets containing over 100,000 icons) to Figma document as vector shapes.
Link to plugin
4. Icons8: photos and Icons
Icons8 provides access to 3,000,000+ icons (consistent, pixel-perfect, in 40+ styles), photos (flat and 3D, vector and raster), and illustrations (people, objects, and animals, ready-to-use shots, and background-free elements) created by the team.
Link to plugin
5. html.to.design
This plugin allows you to convert any website into fully editable Figma designs. Good for creating moodboards and design exploration.
Link to plugin
Check how the plugin works:
6. Fontpair
Font pair will help you find good font pairs for your design. It uses free Google Fonts and it available for free.
Link to plugin
7. Font Scale
Font Scale is a quick tool to generate a harmonious and consistent typography hierarchy.
Link to plugin
8. Blobs
Blobs are seemingly random, pseudo-organic forms that typically used in UI design for decorative purpose. Blobs allows you to create 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.
Link to plugin
9. Get Waves
Get Waves is a free SVG wave generator to make unique SVG waves for your next design. You can choose a curve, adjust the complexity, randomize. Excellent plugin for creating backgrounds for apps and websites in many styles.
Link to plugin
10. Content Reel
Content Reel helps you create custom content in Figma. You can pull text strings, images, and icons from one palette.
Link to plugin
11. Table Creator
Table Creator allows you to create custom-styled tables which can be easily resized, edited and automatically adjust to content. Control the design of your tables by modifying the components. Update all tables, anytime your design changes.
Link to plugin
12. Autoflow
Autoflow allows you to draw flow arrows in Figma! Use it to illustrate user flows, diagrams, or graphics in a hand-drawn or minimalist style.
Link to plugin
13. Mockup
Mockup is the easiest mockup plugin. Just select a device, choose a frame, and your design appear on the screen.
Link to plugin
14. Wireframe
Wireframe plugin is the best Figma plugin for creating beautiful wireframes, user flow, prototypes and basic structures. All the Wireframe can be used freely under creative commons license.
Link to plugin
15. LottieFiles
LottieFiles gives you the access to collection of Lottie animations that you can insert as a GIF on the Figma canvas.
Link to plugin
16. 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.
Link to plugin
17. Map maker
With Map maker, you can quickly and seamlessly place maps in your mockups. The plugin uses Google Maps and lets you pan to the perfect location, or you can search for a place anywhere in the world.
Link to plugin
18. Color Palettes
With Color Palettes for Figma, you can search for your favorite color code, palette number or name that you remember from Color Palettes plugin and apply it on your design and make it awesome. The Color Palettes allows being used freely for both commercial and personal projects.
Link to plugin
19. A11y — Color Contrast Checker
This plugin checks the color contrast ratio of all visible text in a frame, and it provides feedback on whether it meets WCAG’s AA and/or AAA level compliance. It also provides color sliders that allow users to adjust the colors and understand how the corresponding contrast ratio changes in real-time.
Link to plugin
20 Breakpoints
Breakpoints allow you to preview responsive layout inside a Figma frame. Works even without the opened plugin window and anyone in your team can resize frame without the installed plugin.
Link to plugin
Comments are closed.