Plugins

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.”

A new plugin from Designer Advocate Hiroki Tani for generating color variables from the palette on canvas. It creates a collection from the section name, modes from nested frames, and variables from rectangles.

I’ve been heavily relying on this powerful plugin for finding and selecting elements lately. Works fast and has a ton of filters as well.

A friendly reminder to backup your data in the new year. Yes, Figma files are safely stored in the cloud, but one day a file could be accidentally deleted or you may lose access to the account. This is a Node.js CLI tool to backup Figma files and store them as local .fig files. (Keep in mind that if you’re a part of the Organization or Enterprise account, that action will be logged and you might need permission from the company.)

A new plugin to generate free vector globes — spin the globe in the plugin window to update the frame, and then you can customize the result, tweaking colors for countries and more.

A similar concept, but inspired by the Lighthouse web dev tool. This plugin ensures your designs are ​“polished and stakeholder-ready every time, saving you from potential revisions and boosting your design confidence”. 3rd Product of the Day at Product Hunt on December 26th, 2023.