Plugins

If you’re still relying on JPGs and PNGs, it may be time to give WebP format a try with this plugin!

Alex Einarsson made a great FigJam plugin that recognizes shapes you draw and converts them to native shapes with editable text. Perfect for wireframing on both tablets and desktops.

Continuing the theme of supercharging built-in features, this plugin takes Figma’s ​“Select all with…” command to the next level by offering a whole range of properties to choose from.

Along with its basic built-in spellchecker, Figma introduced a new API opening the door to more advanced tools. SpellCheck is a commercial plugin offering a bunch of features, like checking an entire project, building a personal dictionary, detecting ​”Lorem Ipsum”, auto-correcting typos, and supporting multiple languages.

A new plugin made for Figma developers by Diagram. Debugger is a Figma node inspector that lets you inspect and debug your layers. Support for all node types, watching and editing values, filtering, and some more.

Rogie’s plugin for generating tiling noise and textures for fills and strokes is finally out of beta and publicly available. It’s essential for any illustration or art work. Check out a video walkthrough and upvote it on ProductHunt.

Tylify is a seamless pattern maker that’s available as a Figma plugin and a standalone web app. Pattern elements can be vector or raster images. Export formats include SVG, PNG, and CSS with embedded base64 SVG.

Generate images with AI in Figma by simply writing what you would like to see.

Create multiple customized variations using components or color palettes.

Shana Hu made a plugin that the Figma design team used to create zines on their on-site.

A new plugin from Figma Developer Advocate Jake Albaugh for inspecting component properties as they would look in code. It currently supports the definition and instance code for Angular, React, Vue, and Web Components.

Rename all your Figma layers with the power of AI.

Free plugin to convert any website into a fully editable Figma mockup. Not building each element from scratch is a huge time-saver if you’re picking up on a project with outdated or missing design files.

A widget with a collection of 300+ unique and fun icebreakers for team events.

Convertify plugin just added the import of the Adobe XD files. I believe the writing about XD’s future is on the wall, so it’s a good time to start the migration.

Photopea is an online photo editor heavily inspired by Photoshop, and now it’s available as a Figma plugin. Handy if you need more advanced editing for raster images. On a side note, I enjoyed this interview with Photopea developer Ivan Kutskir — it’s a one-man business, making $1M+ a year from ads while keeping the editor free.

Trim text elements by nesting them within frames to remove space above capital letters and below the baseline. This removes the bounding box and makes text behave as every other element in your layout. See also this thread by Roman Shamin on how font metrics leading to equal space above and below the text can make digital design and development easier.

Wire Box converts your high fidelity designs into low fidelity wireframes. I couldn’t see why this plugin exists until hearing about other people’s struggles with providing feedback on a ​“perfect” prototype made with a design system.

Generate all possible instances for your components, including every combination of variants and component properties, all in a tidy labeled table.

I was looking for a plugin to clean up my file and convert all color values to matching color styles, and this plugin got the job done perfectly. Thanks to Dave Kover for the recommendation!