5

20 essential Figma plugins every designer must try

 1 year ago
source link: https://uxplanet.org/20-essential-figma-plugins-every-designer-must-try-c6e3ca7ebada
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
1*kYl8Y26RHo91BNF6TAP8Mg.png

20 essential Figma plugins every designer must try

Published in
6 min read12 hours ago

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

0*xsbThc6qI7al-RzS

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

0*yLCduZDcExOa_sSo

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

0*SWjlLxpfvwV-pZUX

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

1*9UBEU_LS9jBW_gn5N-kBkA.png

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

0*okMm_CA9JUlVVZhn

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

1*h1cWvMDaxYTwSM4hLGVMDA.png

7. Font Scale

Font Scale is a quick tool to generate a harmonious and consistent typography hierarchy.

Link to plugin

1*Zgz1RVF9oq450m3-Ezi8RQ.png

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

1*LBBrEvrNvrOU2Nw_wKLalQ.png

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

1*FbaJqj8Ypih30nS_MYIfzQ.jpeg

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

0*AQYFwpNL3AZgdXvv

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

1*8oYaIPbOAp1hirtJlwSHkA.png

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

1*BRwjB2oDWCB7ELVyd2OAaA.gif

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

0*zGxaGhvShPsfaw3B

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

1*8r2RAltSORSgPE3brpP6gA.png

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

1*0J9Dc3MtT1ZLsl2f5Xi1TQ.png

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

1*JB7ZUYDn64MvlTdtabxHVg.png

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

1*tGRENy_gNoljrFf5yL1hRw.png

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

1*YZBp10sQBRxqua1tzA2epA.png

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

1*FaI3NlmmmPxC_vNNWclcOg.png

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

1*btwwfvxQc_NElwH3txyAhQ.gif

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK