Plugins

An interesting new plugin — get the AI design feedback on either the UX or UI of your mockups. I tried it on an unfinished design, and while some points were somewhat irrelevant, others were spot on. It’s free to play with and worth giving a shot.

“From lifelike portraits to objects and animals, craft any image you can imagine in just 5 seconds.” Won 2nd Product of the Day at Product Hunt on December 14th, 2023.

A new code plugin from Jake, Figma Developer Advocate: ​“This plugin allows you to write and generate code snippets for Figma nodes, which are rendered in the Inspect Panel in Dev Mode. You can make these code snippets dynamic, by referring to parameters provided by the plugin. Doing this for your component library will bring accurate code snippets to any project that incorporates your design system.”

Roast for Figma is out and it lets you identify design issues and fix them instantly with the ultimate design lint plugin. Great for cleaning up an old or imported file, remixing a community resource, or updating all tokens to a current library in one click.

The official Font Awesome Icons plugin is here! The free part of the collection was always available as a font in Figma, and they shared a popular icon component in the community, but the plugin provides full access to the Font Awesome account, search, and tens of thousands of icons in SVG format.

“Lottielab’s editor offers the easiest, fastest and most robust way to create animations for your websites and apps, exported as Lotties, GIFs and MP4s and allows you and your team to manage all these assets in one place. And with the Lottie format being supported natively by almost all major design tools out there (Canva, AdobeXD, Origami, Webflow, Framer etc), we’ve become the most complete way for designers to create animations for all platforms.”

Atlas Icons is a free and open-source library of 2,000+ icons designed at 12px scale in 3 weights.

A brand new plugin by Petr Andrianov for magnifying any part of your design for product documentation, training materials, portfolios, and much more. Looks great and very useful!

Teams building .NET applications may know Uno Platform, which recently launched v5.0 and now includes the first and only Figma to C# Markup export plugin. Now designers and developers using the platform can generate C# Markup directly from Figma. 

An interesting new plugin for design system management that scans your Figma files to track usage and identify remote, local, and unlinked/​detached components, styles, and variables.

A new plugin from Lichin Lin turns your FigJam table into a beautiful and editable bar chart. See a short demo of how it works.

Love the idea! An activity tracker companion to Figma, inspired by GitHub’s contributions chart at user profiles.

Vijay Verma made a new plugin for adding a color gradient map effect to your graphics. As expected, it comes with cool predefined gradients created by him to get you started.

Great idea, but I wish this plugin would suggest the nearest color for a fill of the selected object and not just for the hex value. With some polish, this could be an essential linting step before handing mockups off to a developer.

This plugin helps organize your files with pages, sections, and separators.

A big update to one of the most helpful plugins. Design Lint can now automatically fix missing fill, text, stroke, and effect styles using styles found in your designs. It will make type suggestions (!) if a text layer is close to an existing type style. Import your styles by running Design Lint in a design system file, then the plugin will use these styles to make suggestions (stored only on your computer). You also can now create and apply styles in bulk directly from the plugin.

Cool plugin for arranging objects in different types of layouts, like radial (full circle or arc), along a custom vector path, packing an area with objects, etc. Great tool for to building radial menus, watch faces, HUD display graphics, particle effects, backgrounds, and interesting patterns.

Export icons from Figma straight to React, Vue, or Svelte components.

Rad product and home page! ​“ShaderGradient is a design tool to create beautiful moving gradients. Make stunning visuals by adding natural movements and effects to the gradient. It’s available on your favorite tools, like Framer, Figma, and React.”

New plugin for working with perceptual color and OKLCH color space! This initial release allows inspecting and manipulating color stops in gradients using the OKLCH color space — pretty useful if you have an existing gradient that needs a little tweaking. Bonus point for providing precise control over color stop positions!