Get in Touch
Scroll Down
//Figma plugins for designers

Figma plugins for designers

New plugins are created almost daily plugins using links further down this post or jump right to some of the most popular plugins from the list below.

1. Dark Mode Magic

Transform your design into Dark mode The plugin automatically generates colors for Dark mode from a light palette and applies them to elements

1. Select frame

2. Apply plugin

3. Done 🌚

Install Now

2. Unsplash

Figma-plugin-unsplash

Insert beautiful images from Unsplash straight into your designs.

Allows images to be used freely for both commercial and personal projects.

Install Now

3. SPELLL – Spelling & Grammar Checking

his plugin gives Figma & FigJam a spell-checking superpower similar to that of Google Docs. ⚑✨

It constantly checks your Figma or FigJam document for any spelling errors and lets you fix them with a single click.

You have worked really hard to create that perfect UI. Don’t let a silly typo ruin it.

Use SPELLL and avoid those embarrassing mistaks. πŸ˜‰

Usage:

1. Open SPELLL – Spell check for Figma plugin.

2. If it finds any spelling mistakes you will be able to fix them by either clicking on the Accept button or ignore the suggestion by clicking on the Ignore button. Click the three dots next to the Accept button for more options.

3. That is it, if you keep SPELLL open it will monitor your document and give you real-time spelling suggestions.

Install Now

4. Autoflow

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

  1. Run Autoflow
  2. Select any 2 shapes while holding down ⇧SHIFT and a line will be drawn
  3. Keep selecting until you’re all wired up!

Install Now

5. Batch Styler

Change multiple text and color styles at once!

Need to change values of multiple (text and color) styles at once but don’t want to go through the process of changing each text style on its own?

With Batch Styler you can do just that! No matter if 2 or 30 text styles, changing from Inter to Roboto but keeping all font weights and other style is now possible!

Changing colors that are all based on the same hue value is easy as well: Batch Styler will update all styles accordingly.

Features:

  • Batch change color styles (hue, saturation, lightness, alpha, hex)
  • Batch change typography styles (font family, font weight, line height, letter spacing)
  • Batch delete styles
  • Batch rename styles
  • Change description(s)

Install Now

6. 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.

If you need SVG, more control over the layers, color filters, print-level resolution, and other advanced functionality, subscribe to our paid plan. Your support will help bring more amazing illustrators to Blush (and support our caffeine addiction.)

Install Now

7. Iconify

Import 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.

Install Now

8. Figma to HTML, CSS, React & more!

Convert Figma designs to high quality, responsive HTML, CSS, React, Vue, and more

* How does it work *

1) Install the plugin

2) In Figma hit cmd+/ and search “html to figma” and hit enter

3) Select a layer you want to export, or enter a URL you want to import

Install Now

9. Icon Resizer

Resize icons into a standard size and bounding box on your design. It’s much easier to work when all your icons are the same size and have a square bounding box. Select one or more frames, and set the icon and bounding box size. That’s it!

Install Now

10. BreakPoints

Preview responsive layout inside a Figma frame and share animated prototype.

Step 1. Add new points and snap ranges to existing layouts. You will get a live preview frame that switches when you resize.

Step 2. Enable prototype switcher and share Figma animation prototype with your team as a developer guide.

Install Now

11. 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! ✌️

Install Now

12. uiGradients

Adds gradients to groups, text, and frames in a single click. Simply select the element to apply gradient and run the plugin. Chose from 350+ gradients to add to frames, groups, and texts in a single click.

Install Now

13. Remove BG

Remove the background of images automatically with just a single click

Install Now

14. 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.

Key features:

β€” 16 types of charts out-of-the-box

β€” creating multiple chart instances

β€” generate random data with different trends

β€” import data from CSV, JSON, Google Sheets, REST APIs, type to table input or just paste from table processors like Excel

β€” customize charts with different options

β€” update charts

Install Now

15. Isometric

Isometric allows you to create isometric layers without manually having to set them up. How to Use Isometric: 1. Choose Your Layer 2. Right Click > Isometric 3. Select Your Perspective

Install Now

  • 6,408 views
  • 0 Comment

Β© vsampath 20213/ All rights reserved.

Get in Touch
Close