That’s what I love about this community so much. Fons Mans shared an idea for the plugin, Rogie stepped in and offered to build it, and three days later they already had some WIP. Don’t know if I need this plugin yet, but seeing this collaboration makes me so happy.
Figma plugin idea: Generate Bento
— Fons Mans (@FonsMans) August 24, 2023
Select artboards, hit generate and get a beautiful slide using the selected frames as blocks and the document colors as backgrounds ✨
“The problem with Figma plugins is that the market is really not that big. If you look closely on the Figma marketplace, you can probably tell pretty fast there are relatively few plugins making money. There are some UI kits listed where, if you divide the views/uses between 100 to get a sense of the revenue, you end up with something like €20-€400 which is frankly not worth the effort.”
I don’t think that’s necessarily true, and know that some creators make significantly more. That said, I wish it was easier to guesstimate the market size for the idea on the Figma marketplace. I love how Etsy shows the number of sales in every shop, and in combination with the number of ratings, it can give a rough estimate of the item’s success.
Evil Martians is a product development consultancy behind some well-known services and open-source projects. In this post, they talk about the process of building a full-featured frontend application-style Figma plugin — with storage, auth, routing, and more. A fascinating deep dive for any curious developers!
Sawyer Hood, Software Engineer at Figma, built a plugin template that demonstrates streaming LLM responses inside of a plugin to get you up and running with the next AI project.
“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.
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.)
Built a handy new @figma plugin to randomize avatar fills from our design system library (growing!). Caching prevents duplicates and category filtering allows one to be intentional about the vibe. pic.twitter.com/AxLfbkM6Bo
— Bryan Berger (@bryanberger) April 6, 2023
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.
Built a new @figma plugin I call "Magic Messages". It generates entire conversations using ChatGPT and renders them using our design system at Discord. You can set a topic, # people talking, and # of messages. This way we can generate content for our designs more easily. pic.twitter.com/4M01yB87tZ
— Daniel Destefanis (@daniel__designs) March 29, 2023
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.”
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.
Excited to announce that v2 of Create Figma Plugin now supports dark mode, with all components themed using @figma’s official color tokens!
— Yuan Qing Lim (@yuanqinglim) June 9, 2022
👉 See all the components in the Storybook: https://t.co/jSqLL3ix5E@FigmaPlugins pic.twitter.com/MjhVFxPtpV
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.