I love seeing how teams improve their workflows with internal Figma plugins. Here, Bryan Berger from Discord built a handy plugin to randomize avatar fills from their design system library. The source code is available on GitHub. (I guess something is in the air, as Miguel Solorio is building something similar for his specific use case.)

Discord designer Daniel Destefanis built an internal plugin for generating entire conversations using ChatGTP and rendering them using their design system. This is an excellent example of automating a mundane part of day-to-day work with AI.

Cool open-source proof-of-concept, related to the above post by Edward. For now, I’m skeptical of AI-generated components (explaining ideas and details may take longer than building from scratch), but bullish on offloading mundane tasks, error detection, and quality checks to the AI.

Okay, my mind is blown. ​“Developing plugins for Figma using ChatGPT can be a powerful tool for automating low-level tasks and generating specific parts of code. However, it’s important to have a clear understanding of your goals and the steps necessary to achieve them in order to use ChatGPT effectively.”

A new plugin made for Figma developers by Diagram. Debugger is a Figma node inspector that lets you inspect and debug your layers. Support for all node types, watching and editing values, filtering, and some more.

Improvements to publishing, managing, and promoting plugins and widgets — now multiple people can publish updates and a playground file can be added to provide more context on when and how to use a resource. For more details, see the Twitter thread by Figma PM Bersabel Tadesse.

“In this livestream, Designer Advocate Clara Ujiie and Developer Advocate Jake Albaugh walk through how to use the widget code generator to design and build your own widget for Figma. You’ll also learn about how to use widgets to boost collaboration, manage your work, and level-up designs.”

The Figma API documentation website was completely redesigned and updated. Time to start building!

Yuan Qing Lim announced a new version of his boilerplate for creating Figma plugins with support for dark mode, with all components using Figma‘s official color tokens.

A 4‑part video series from Figma, showing how to build a demo plugin that creates a customizable post for a social media app design. Don’t miss the next parts: Introduction to Plugins & API, Plugin Environment Setup, and Building Your Plugin.

Jan Six is a Product Designer at GitHub and author of the Figma Tokens plugin. In this talk, he shows a few plugins he built to speed up his own design workflow.

“Complete annotated TypeScript source code for a Figma plugin built using the Create Figma Plugin toolkit and monetized via Gumroad license keys.” Fantastic starter kit if you want to monetize a plugin.

“We’re bringing our open platform to FigJam so developers can build plugins and widgets to automate workflows and engage the entire team. Widgets are interactive, native-like objects — like polls, games, and notepads — that the entire team can use together. Hear from Figmates and developers from the Community to see how you can build your own!”

Q&A with Tekeste Kidanu, creator of the SPELLL plugin.

Q&A with Gavin McFarland, creator of the Table widget.

Plugin parameters are out of beta — open the quick action bar with Cmd-/ (Ctrl-/ on Windows), enter the plugin name, and select from a list of plugin-specific parameters or enter a custom value. Great way to speed up work with the keyboard.

Open-source Figma plugins for speeding up the workflow — great way to look inside and learn.

Alex shares a preview of a really smart FigJam plugin he is working on – draw any shape with a marker, and it will be recognized and turned into a real object. Looks fantastic and almost feels like it should be a part of the app!

Tom Quinonero writes about a recently announced headless approach to building Figma plugins.