Plugins

Easily generate a frame with progressive blur, controllable by a set of parameters.

A free beta of the design system generator. Figr Identity helps set up styles and variables for color, typography, spacing, grids, radius, and shadows. Automate tedious work by generating a scalable component library and easily managing your design system.

Weavely is the AI form builder for Figma. You can design a form in Figma, and Weavely will generate a working web form from it. It supports answer piping, conditional logic, AI form generation, and more.

The new Dev Mode plugin for instantly generating React components from selected nodes. See how it works and why Vijay made it in the Twitter thread.

Free plugin for generating linear, radial, and conic gradients interpolated in a variety of color spaces, yielding richer, more brilliant gradients. Live updating so you can easily view and tweak the results.

This plugin re-imagines local variables export, offering a beautifully formatted JSON output. Supports selecting a color format (hex, RGB, HSL, or CSS-friendly formats), including an alpha channel, flexible collection selection, intelligent grouping, customizable naming convention, and more. See a quick demo on Twitter.

An important update to the plugin I featured just a couple of weeks ago — now you can curve your text along any path you draw!

Turns any image into a cool line pattern — an alternative to the Emboss lines plugin.

“Swizzle is a multimodal, low-code tool for making web apps. Use natural language, visual aids, or just code to build faster than ever before. Deploy to GCP in one click.” Won 2nd Product of the Day at Product Hunt.

“Locofy Lightning converts Figma designs to frontend code in 1‑click, powered by LocoAI’s Large Design Models (LDMs). Get responsive, interactive designs & reusable code components with better class names.” Won 1st Product of the Day at Product Hunt!

More Figma-to-code solutions: ​“Trace helps you convert your Figma designs to live SwiftUI prototypes within minutes. You can also preview, view code, edit, export, etc. on the fly. Trace uses AI to write SwiftUI code and compile the entire project within minutes.”

Replit launched an experimental Figma plugin that converts designs into runnable React code. ​“Generate a Repl directly from Figma, and instantly share a static React app with your team. Then, use Replit AI to add functionality and get your code production-ready.” Read more about this experiment in their blog post.

A new plugin by Lichin Lin to bend your text into a circle, square, or even arch shape.

Dualite converts Figma designs and prototypes to React and HTML/CSS. ​“Create reusable code components with semantic naming from Figma variants in a single-click. Use tagging for turning static layers to external links, input fields, buttons and embeds.”

“A collection of icons that will make your product design easier and faster. With over 1000 symbols in 30 variations each, you have more than 30,000 icons at your disposal.” Made by iconists.

A nifty plugin for quickly snapping your selected objects to the pixel grid by rounding values. Works with X and Y values, width and height, corner radius, font size, and position of all anchor points.

I mentioned that technique in the last issue, and now the plugin is available in the Community. Great tool by Anvesh Dunna for creating interesting embossed line patterns from vector layers.

A comprehensive font management plugin with previews, controls for variable fonts, recommended pairings, filtering by style, collections, and more. Very well done.

It’s time to re-share this plugin to help designers fulfill a New Year’s resolution of naming their layers! It uses AI to rename layers and is free and open-source.

“Create beautiful chart lines with ease. Edit a randomly generated line to fit perfectly in your chart or choose one of the presets.”