Plugins

Speaking of sections in Figma, here is a plugin for you: ​“Wrap a new section around layers you’ve selected, or adjust the size of an existing section. Customize the spacing around selected layers, change the color of the section, and add additional titles and subtitles.”

This website made my head spin! A new Figma plugin and Framer Component for creating highly customizable beautiful moving gradients.

A new plugin by Vijay Verma: ​“The plugin utilizes the Metavatar algorithm to create stunning gradient backgrounds in a variety of cool colors. It also has the added feature of adding noise to make the gradients even more visually striking.”

Last week the team at Webflow introduced Webflow Labs, and this plugin is the first project they’ve launched! Turn your static Figma designs into clean, production-ready Webflow HTML and CSS. Add Webflow Interactions, wire up content using their CMS, and publish the website with one click.

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.