Plugins

This is a pretty wild experiment, started with a question: ​“What if you could design like a developer?” Name your layers with Tailwind classes, then run the plugin to instantly update the style. Why? Because you can, that’s why!

Confusingly enough, this new plugin by Anh is unrelated to another plugin with the same name I shared in issue #160. See examples on Twitter and choose which one works best for your needs.

New plugin from Meng To: ​“AI Text Generator is a super handy Figma plug-in made for designers who want to rewrite their text in a couple of clicks. It uses OpenAI GPT‑4 to give you smart, creative text suggestions—think names, titles, or even Lorem Ipsum dummy text—right where you need them. It automatically detects the selected text’s length and generates the perfect amount of words for your alternatives. You can also add custom prompts, which is useful for more control, generate any type of text, in different languages and amount of words.”

Scan local text styles, convert their properties into typographic variables, and bind them back to the text styles. Christine Vallaure recommends this plugin in her recent video and shows how to use it.

“The first visual tracking documentation tool that enables everyone in your team to create, access and understand analytics events in seconds. No technical skills or endless spreadsheets required.” See the demo video.

A new plugin by Vijay Verma for generating pleasant color palettes and gradients in one click.

A new plugin from Pablo Stanley is an AI design assistant that turns simple prompts into websites. The promise is to ​“get your design 80% of the way, so you have time to obsess over the final little details”.

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.