Eric Button

26 Best Figma Plugins (2022 list)

igma is the best. Everything you need, nothing you don't. And with plugins, you can do things that would make Adobe Illustrator embarrassed. Here's a list of my top Figma plugins to speed up your workflow and create better products.

1. Arc

Arc is super simple: select your text, and bend it. A great application is to create a circle of text, and then animate it to spin on your Webflow site.

2. Autoflow

For user flows, you might have a better time using a dedicated piece of software such as Flowmapp. But for those times when you need a flow chart in Figma, use Autoflow. Select item 1, hold down shift, and select item two—and Autoflow will draw a line between them for you.

3. Avatars

Stop searching online for placeholder profile pics. Use Avatars instead.

4. Blobs

Blobs allows you to generate... blobs. Select a complexity and contrast, and hit "make blobs" as many times as you want.

5. Brandfetch

Get the logo and details from brands across the web—without leaving Figma.

6. Dot Grid

A well-executed dot grid will take your design someplace special. Make it easy, with Dot Grid.

7. Easometric

Easometric is the easiest way to give your designs that isometric look.

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

Possibly the only Figma plugin ever to have two commas and an exclamation point in the name, this one is useful for bringing in existing website designs. From there, you can easily copy text and colors over to your new design.

9. Font Fascia

Just before developer handoff, you're likely tidying up fonts and components. Font Fascia helps you identify rogue fonts, so you can change that Aktiv Grotesk link to Neue Haas Grotesk like the rest of the design.

10. Font Scale

Font Scale allows you to proportion your heading classes according to proven scales such as Perfect Fourth and the Golden Ratio. Easy peezy.

11. Get Waves

Ditch your pen tool and make some waves the easy way with Get Waves!

12. Insert Big Image

Sometimes you want to drop a massive image into Figma. Enter Insert Big Image. According to the developer, it "intelligently splits up and inserts each image file as a set of smaller images. (This is to work around a limitation in Figma where images with a dimension larger than 4096 pixels are scaled down"

13. Looper

Looper is sexy af. create fades, aberrations, and 3D shapes using a simple repeating pattern. Select factors such as distance and color progression and rotation to find the best effect.

14. Lorem Ipsum

Lorem Ipsum takes the guesswork out of filler text. Use the "Auto-Generate" function to fill a text box drawn on your canvas.

15. Mapsicle

Insert sexy maps into your designs, right from Mapsicle. For a less editorial and more artistic map, play with their camera settings: pitch and rotation.

16. Mesh Gradient

Linear gradients are so 2019. Do something about it with Mesh Gradient.

17. Noise

Adding some Noise to your images and color blocks (and your background) is an underrated way of making your design #oddlysatisfying.

18. Oblique

Oblique makes things oblique. Can recommend.

19. Pattern Hero

This thing makes patterns. Use it.

20. Pixels

Pixelate an image, quickly. And then vectorize it if you need.

21. SkewDat

SkewDat is a super-simple skewing tool. Can recommend.

22. SmoothShadow

SmoothShadow is probably my most-used plugin. It replaces the basic drop-shadow with a smoother, more realistic gradient and a more appealing shadow shape. Control all aspects from offset, alpha, and more.

23. TinyImage Compressor

When it's time to move from design to development, use TinyImage Compressor to keep your image file sizes under control.

24. To Path

To Path is like the arc tool, except you can have text follow any curve you'd like.

25. Unsplash

The Unsplash you know and love, right in Figma.

26. Video Cover

Get Youtube video thumbnails into Figma the easy way.