Plugins

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

A major update to a popular design specifications plugin. A new paid Pro version can now display Tokens Studio tokens within Anatomy, Props, and Layout sections.

This new AI assistant for Figma that helps you write effective UX copy just won the Product of the Day on Product Hunt last week. It’s focused specifically on UX writing best practices and provides copy suggestions inspired by world-class products in your industry, tailored to your target users, and product voice and tone.

The all-new LottieFiles is the hottest release of this week: ​“Create production-ready animations within Figma and export them as a Lottie. Apply animated presets to a single frame or string together multiple frames to create your fun animation. Bring the power of motion to your designs with LottieFiles for Figma.”

Let Destroyer recursively detach instances, remove Auto Layouts, and detach Styles within your current selection so you can iterate faster. When working collaboratively and wishing to quickly try out an idea, it’s always a hassle to detach the component and remove Auto Layouts.

Include is a tool built by eBay to make annotating for accessibility easier — easier for designers to spec and easier for developers to understand what is required. The intent is to have accessibility considerations included during the design phase of any project and to help with the designer-developer collaboration.

A new plugin for manipulating design elements to achieve interesting visual effects. ​“The plugin provides a wide range of features, including effortless horizontal and vertical movement, adjustments to size in both dimensions, rotation, duplication, and more.” See the demo video to come up with ideas for specific use cases.

With the Walkthrough widget, you can give your stakeholders an interactive tour with smooth animations without being there yourself. You can use it to introduce file content or explain a complex flow.

What, an old-school plugin without AI? 🤯 ​“Dithercore creates cool dithered images reminiscent of ​’80s and ​’90s computer graphics. It brings back the primitive technology of early PCs by utilizing pixel patterns and color schemes from that era.“

A proof of concept that generates wireframe designs using the GPT 3.5 model. See this thread by Wu Chenmu on how it works.