6 Figma Plugins to Give You Design Superpowers (and Methods to Use Them)

Figma plugins are a current addition to what’s changing into the go-to collaborative device for UI designers in all places. Plugins are constructed by the neighborhood (you’ll be able to even construct one your self if you want) and supply a straightforward approach to lengthen your capabilities with Figma. By way of this beneficial replace, designers can automate repetitive duties, add accessibility options, and add useful content material into mockups.

“Figma plugins make it simple to advocate for myself and others by giving me the flexibility to create the design instruments we want, somewhat than crossing our fingers and hoping another person will make them for us.” – Tiffany Chen, UX Designer at Microsoft

High Figma Plugins

Listed below are a number of the finest Figma plugins which I like to recommend you try, together with data on get began utilizing them.

Insert stunning photos from Unsplash straight into your designs.

With Unsplash for Figma, you’ll be able to insert a random picture, from a given class, or seek for one thing particular.

Unsplash plugin for Figma

Content material Reel helps you pull textual content strings, avatars, and icons into your designs simply. First, choose a number of layers in your design file, then select from avatar photos, icons, names, corporations, telephone numbers, numbers, date & time particulars and extra, to exchange commonplace dummy content material.

Content Reel plugin for Figma

This can be a excellent manner of creating a stable coloration palette throughout your UI design. Picture Palette extracts a coloration palette of 5 completely different colours from the chosen photos in Figma.

Image Palette for Figma

Alignment is basically necessary in design. Or somewhat, misalignment is totally one thing to be averted! Tremendous Tidy is a Figma plugin to simply align, rename, and reorder your frames primarily based of their canvas place.

Tremendous Tidy additionally renames your frames and reorders them within the layers record by their place within the canvas.

Super Tidy for FIgma

Collaboration is certainly the secret with design purposes these days. With Figma Chat you’ll be able to work together inside your information with different folks by sending texts and sharing precise frames or different parts.

Figma plugin Figma Chat

Add issues for coloration distinction and visible impairment to your workflow by routinely evaluating the distinction between two chosen layers.

Able  Friction free accessibility for Figma

Study extra about design for visually impaired customers with this tutorial by Graeme Fulton:

With four.5% of the worldwide inhabitants experiencing coloration blindness, four% affected by low imaginative and prescient, and one other zero.6% being blind, visible difficulties with utilizing…

Methods to Set up and Use a Figma Plugin

Let’s use the primary in our record; the Unsplash plugin. It’s lifeless simple.

Start by signing in at figma.com (create an account in case you haven’t already). Then from the principle downloads web page, discover the plugin you need to obtain. Hit Set up to the suitable of the record.

install figma plugin

Open a design file or begin a brand new one. Create an object to behave as a placeholder on the canvas, then with it chosen go to Menu > Plugins > Unsplash.

select unsplash placeholder

From the Unsplash panel which seems you’ll be able to insert a random picture, seek for a particular picture, or select a picture from a class:

unsplash select

The picture is then utilized to your object as a second fill:

elephant fill

That’s only one instance of the numerous Figma plugins that are already obtainable totally free. All of them work in the same manner; login, set up, and also you’ll discover your plugin prepared to be used beneath the plugins menu.

Conclusion

I hope this sparks concepts for plugins you’ll be able to check out as we speak and even conjures up you to create your personal plugins. You’ll be able to be taught extra about current plugins and create your personal from the hyperlinks under.

Figma Plugin Sources

Study Extra About Designing with Figma

Leave a Reply