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!
After a bit of sketching in FigJam I thought: "Why not make marker a little bit smarter?" 👀
— Alex Einarsson (@alexeinars) September 16, 2021
So here I am, teaching it to recognize shapes! 🟣♦️
How should I call it?
– Magic Shape ✨
– Smart Marker 🧠
... pic.twitter.com/JKAa2Di5wd
Tom Quinonero writes about a recently announced headless approach to building Figma plugins.
This update allows plugins to create new prototype interactions in the editor. Check out a code sample by Anthony DiSpezio.
We’ve updated our Plugin API to make reactions writable. Now you can build plugins to automate the prototype creation process or modify interactions in bulk.
— Figma (@figma) July 27, 2021
Check out @adispezio's code example to get started. We can’t wait to see what you create! https://t.co/Q9KOnXwzz3 pic.twitter.com/fdoyNbKYcu
Matt Wierzbicki on how he created a Figmaster plugin without writing any code.
How I made over $33,000 on the @figmadesign plugin without writing a single line of code 👈
— Matt Wierzbicki (@matsugfx) July 22, 2021
Read in the thread below 🧵 pic.twitter.com/LttKV07WEP
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