Excited to ship v1 of Create Figma Plugin, my open-source toolkit for developing @FigmaPlugins!
— Yuan Qing Lim (@yuanqinglim) May 19, 2021
🤯 Sub-second build times
😌 Separate commands in separate files
🤓 Utility functions
😎 Components that replicate the Figma UIhttps://t.co/m8G9UqS5gs
👇 More info in the thread.
Great thread by Yuan Qing Lim, a prolific author of over a dozen of Figma plugins.
90.92% (981 plugins) of the 1,079 plugins on Figma community are entirely free to use.
— Yuan Qing Lim (@yuanqinglim) April 6, 2021
9.08% (98 plugins) are paid plugins, or plugins that operate on a “freemium” model.@figmadesign @FigmaPlugins
👇 More stats and some thoughts about monetizing Figma plugins in the thread. pic.twitter.com/FoGEubNTWu
Figma plugin analytics page.
Uber took a programmatic approach to create 256 new components for map markers. “By automating the construction of the markers, I was able to avoid human-error and efficiently generate the full set of variants. Programmatically testing the components allowed me to thoroughly validate them under multiple scenarios and be confident of their quality.”
I shared some of Jordan’s experiments before, but this one is truly magical. Let’s hope it will become a real plugin one day!
Flat image → interactive layers ✨
— jordan singer (@jsngr) January 23, 2021
A Figma plugin to convert a flat image into text and shape layers on the canvas. pic.twitter.com/gQhpcu9UvD
I didn’t realize how many popular plugins were made by the Discord team and started as their internal tools! In this blog post, Daniel Destefanis shares their approach to building tools to prevent design debt, spend less time doing repetitive tasks, and improve the developer handoff process.
Magic Layout plugin concept for Figma ✨
— jordan singer (@jsngr) November 22, 2020
Automatically apply Auto Layout constraints and resizing to your layers. pic.twitter.com/stWNvOIFiu
“I struggled with the Figma Plugin examples to understand how to access data from the canvas and into my app. The Figma Plugin examples have a React application sample which sends data to the canvas, but not the other way around. While this is seemingly straight forward, I didn’t immediately absorb the explanations from Figma Plugin website. In retrospect, the way to do this is quite simple.”
we released an internal @figmadesign plugin today at @lyftdesignteam that allows designers to seamlessly switch between light and dark mode directly within Figma. and yes, it does support elevation overlays. pic.twitter.com/z7TLp0xpXX
— Alex Lockwood (@alexjlockwood) July 29, 2020
Svelte components for building the UI of Figma plugins. May be a good and lightweight alternative to using React.
I shared some of Jordan’s experiments before, but this one goes much further.
This changes everything. 🤯
— jordan singer (@jsngr) July 18, 2020
With GPT-3, I built a Figma plugin to design for you.
I call it "Designer" pic.twitter.com/OzW1sKNLEC
Varun Vachhar walks readers through the process of building a simple confetti plugin from scratch.
Cory Etzkorn shares his experience with building Faker plugin. Overall it’s a good summary of work involved in shipping Figma plugin.
Node.js command-line utility to get live and historical stats for your Figma plugins. Great tool for plugin authors.
Introducing Figma Plugins Stats, a Node.js command-line utility to get live and historical stats for your Figma plugins.
— Yuan Qing Lim (@yuanqinglim) April 13, 2020
👇 More info in thread.
1/8@figmadesign @FigmaPlugins pic.twitter.com/JM2EYUFCeT