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.
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.
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.
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.
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.
Add issues for coloration distinction and visible impairment to your workflow by routinely evaluating the distinction between two chosen layers.
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.
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.
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:
The picture is then utilized to your object as a second 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.
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.