Design Resources

Figma is a great tool by itself. However, you may quickly add new features to it, thanks to plugins. Let me show you the collection of some that you might not discover yet.

Grab the mug of your favorite coffee, and let’s dive into it!

Icon Scaling

Select icons you want to generate. Nearby in the panel, you have sizing options (the ones the plugin will generate). You may also choose weight.

You may export selected icons with the plugin too. It generates pdf & SVG

Get the Icon Scaling Plugin

A11y — Color Contrast Checker

There are many tools for validating if your design matches WCAG guidelines. This plugin is surely worth trying.

Get A11y — Color Contrast Checker

UI Faces

We all waste lots of time searching for avatar placeholders in our designs. With this little plugin, you may insert the needed image within seconds. Real time-saver!

Get UI Faces

SPELLL

I love to use Grammarly to check all kinds of my writings. This plugin brings some similar experiences right into Figma and Figjam. Never make a typo in your designs again!

Get Spelll

Tailwind Color Generator

Troubles with finding the right colors? Generate monochromatic palettes in seconds. Thanks to this, you may generate an entire palette for your design system.

Get Tailwind Color Generator Plugin

Color Name

Ok, so you already generated some tones but do not know how to name them in the design system? Try this plugin.

Select the object with solid fill and check the name of the color or the list of suggested similar color names.

The plugin searches through HTML color names and “Name that Color” to help you find names of tones that are closest to the selected one.

Get Color Name Plugin

Better Font Picker

So you have set your color. Now it is time for text styles. If you have trouble with picking the font based only on its name, this plugin renders the name of the typeface with its font.

The plugin shows only the list of installed fonts in your system.

Get Better Font Picker Plugin

Typeout

Do not waste time writing a UX microcopy. The plugin includes a vast library of UX copies to make your mockups more meaningful.

Get Typeout Plugin

3D Transformer

Would like to add some 3D effects to your mockups. You must experiment with this one. Just select the frame or image in Figma, run the plugin, and adjust 3d effect with sliders. Voila!

Get 3D Transformer Plugin

Easometric

Everyone loves isometric shapes. Create them faster with this plugin — the Easometric plugin using SSR3⁰⁰ — the most popular and flexible method of creating isometric artworks.

Never create isometric shapes manually!

Get Easometric Plugin

Watch Figma plugins live

Feel free to watch all of the presented plugins in the video presentation below:

Summing up

Figma Community includes a vast collection of plugins and useful resources. Do not forget to like the one you use and leave a comment to support creators. We may work more conveniently thanks to them!

Thanks for reading!