Plugins

This issue is rich in code generation tools! A new plugin transforming design components into React, Vue, or HTML components. The author provides some context and explains how it works in the article ​“Introducing Figma to React”.

BlendingMe blends two lines, ellipses, or rectangles. I used it on a recent project, and it’s a capable alternative to the more advanced Blend Tool in Adobe Illustrator.

Create simple, flexible, and editable tables.

A plugin by Rogie to play GIF animations in the editor (!), make memes, and export animated GIFs straight from Figma.

A major update to a popular plugin for drawing flows. Now the lines between objects auto-update on move, intelligently avoid obstacles, and clean up after themselves. Check out a Twitter thread by the author with more details.

A new plugin from Microsoft to help you quickly annotate focus and tab order flow for keyboard and screen reader users.

I rarely write about plugin updates, but this one is exciting — TinyImage Compressor added support for AVIF image format. If you haven’t heard about it before, check out the blog post ​“AVIF has landed” from a developer advocate for Google Chrome.

Ever wondered what’s the best name for that specific shade of the color? This plugin lets you select any node with a solid fill and see the closest color’s name.

Easily facilitate collaborative design sessions directly in Figma.

Create high-quality GIFs from static images and mockups. Make sure to check out a fun demo.

A very nice plugin for visually connecting objects with arrows. It even automatically updates the arrows when connected objects are moved around.

Powerful plugin for managing design systems. Design tokens, theme management, content collections, documentation, and access to tokens from GraphQL API.

Automate the process of annotating your designs for a smooth and effective developer handoff.

A new plugin from Figmatic for converting and exporting designs from Figma to Sketch with a single click.

Compare objects to see what’s different, then copy and paste the changes.

Convert Figma layouts into responsive webpages (in Tailwind) or mobile apps (in Flutter and SwiftUI). The plugin takes Auto Layout into account, and even when it’s not applied, but objects are aligned, it will make them responsive.

Contrast makes it easy to check the contrast ratios of colors along with passing or failing WCAG levels.

Scripter provides a fun and safe environment for playing with the Figma plugin API without the need to write actual plugins.

I wrote about plugin HTML to Figma before, but now we came the full circle.

Plugin to get a little more out of the pencil tool. Seems like an essential tool for people using Figurative app on an iPad Pro — see an impressive demo from Pablo Stanley.