Plugins

Zen Keys is a new plugin from Corey Lee that extends the Quick Actions menu to provide more keyboard accessibility for Figma features that don’t have dedicated shortcuts. Spend less time reaching for your mouse and lean into Figma zen mode with keyboard actions. (Something is cooking with the Quick Action bar, isn’t it?)

Jambot is a free widget from Figma to interact with ChatGPT right in FigJam. Use it to create visual mindmaps, take a multi-threaded approach to brainstorming, or generate ideas with teammates and ChatGPT on the same canvas. Quite amazing that it was born during last month’s Maker Week and is already live!

During Maker Week, Rogie built a handy plugin for attaching files to the Figma document for hand-off. Great tool for sharing fonts, high-resolution pictures, or other assets with developers.

A preview of the design lint plugin for identifying and fixing issues like missing tokens or styles.

Use Stable Diffusion to create unique AI images for your designs without ever leaving Figma with this text-to-image plugin. Won the ​“3rd Product of the Day” at ProductHunt on August 1st.

A new plugin from the Tokens Studio: ​“Already have your variables set up and want to bulk apply them to your work? You can swap styles with variables or apply variables that match raw number values to elements in any file with access to your variables collections!” See also the walkthrough video.

I shared a sneak peek of this plugin by Yi Shen in issue #123, and now it’s available in the Community: ​“This plugin converts text and vector nodes into 3D models with just one click! The converted models will be automatically placed and rendered with GPU ray-tracing. You can use it to render a nice 3D icon, text, or any other 3D-style images without being a 3D specialist.”

Codejet converts designs to production-ready code. Create a project in Figma, and Codejet will convert it into React and TypeScript code. Was voted Product Hunt’s Product of the Day on July 13th.

A new plugin by Jan Toman: ​“Export variables from one file and import them to another. It’s great for migrating libraries, or when you downloaded a library from the community and you’d like to import variables to your existing design system.”

“Figlet is a sandbox-like environment with a built-in editor that allows you to play with and learn how to use the Figma developer platform right inside Figma.” It’s made by Gavin McFarland, author of the popular Table Creator plugin, and funded by Figma Creator Fund.

Find Variables plugin by Daniel Destefanis helps you find what variables are being used in your file and easily select the layers using them.

A few new plugins for converting styles to variables came out last week, and I’m still trying to pick a favorite. The best part of Styles to Variables Converter is that after creating variables it updates existing styles to use them, so if you delete or detach styles objects will fall back to variables. A slightly more popular Styles to Variables plugin doesn’t seem to do this yet. I also wish these plugins let me map styles to existing variables, or at least specify a target collection.

Linear wins the most over-the-top plugin page award. The new plugin enables designers and engineers to collaborate seamlessly without the need to switch tools or context by creating and linking to issues directly from Figma, navigating design tasks in context, and collaborating across teams and tools.

A new version of the popular plugin for converting any website into a fully editable Figma design. What’s new: bulk import of multiple pages at once, importing multiple viewports at once, showing light and dark themes side by side, and even higher quality transformations.

Evan Wallace, a co-founder of Figma, made this niche plugin 4 years ago, and I just discovered it?! ​“This plugin lets you edit the fill rules of a vector object. Fill rules determine which parts of a vector outline are filled. The fill rules have different behavior when a vector outline overlaps. Why is this useful? Certain export formats (e.g. TrueType fonts, Android VectorDrawable) only support the non-zero fill rule. You can use this plugin to manually convert even-odd to non-zero to make the exporters for these formats work.”

“Create beautiful tiny graphs with a couple of clicks. Paste your data from Excel, CSV, JSON, or type it. Use Shuffle to make more variants of your data to explore patterns and get insights.”

“Hippo is a plugin to create stunning vector illustrations and web assets right in Figma, thanks to AI. It’s made to be easy to use, with 22 handpicked styles tailored for the web – no prompt engineering required. It can also vectorize or edit any image with AI.”

A new plugin from Bravo Studio for setting up your design files to be converted into a native app.

“Winner of the best graphic resource in 2022 by Figma. The largest icon, illustration, emoji and element sets in the world, now available within Figma and FigJam.” Offers generous free tier with 1,000 essential vector icons for UI work.

Quick access to a library of 287 free open-source Feather icons.