Plugins

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!

An early beta of a new APCA contrast checker plugin from my friends at Evil Martians. Polychrom displays the contrast level between the selection and an automatically detected layer background or two selected layers with solid fills. It also offers text size recommendations for regular and bold font styles, following the APCA contrast-to-font table. Earlier this year I was looking for an APCA contrast checker to recommend in my Config talk and found all existing options lacking, so really happy to see this team building it!

Select two vector shapes and specify how many steps to create between them.

I’ve been using it for years but never shared it before! Great for putting any objects or text on a path.

This plugin made my head spin: ​“Make procedural geometry, generate dynamic text, design color systems with logic and mathematical precision. Explore endless variations, and automate things that would be too tedious or even impossible to do by hand.”