Yuan Qing Lim shares ten heuristics for crafting plugins for Figma, based on his experience of building over a dozen of them.
Great examples of solving your own problems and annoyances with plugins. The author also shares some good thoughts on plugins’ usability.
Thomas Lowry, Designer Advocate at Figma, wrote a recap of a session at Config on building your own plugins to help you and your team work faster. Great examples and use cases from GitHub, Atlassian, and Uber.
Brian Lovin from GitHub turned his Config talk into an article.
An experimental plugin that lets you talk to Figma and design by providing instructions. Fun!
Natural language processing + @figmadesign
— jordan singer (@jsngr) February 18, 2020
An experimental plugin to talk to Figma and say things like "add a blue square" or "give me a pink circle that's 500px" pic.twitter.com/YZPtjZBG0Z
Congratulations to the author! Great to see that some developers are able to monetize the results of their work.
My spell checker plugin for @figmadesign made more than $1000 in one off payments and monthly payments combined.
— tkmadeit (@tkmadeit) February 25, 2020
Designers are willing to pay for useful plugins and making one is not hard if you know JavaScript.
👉🏿 https://t.co/TPTHsm1GNi pic.twitter.com/JoiWwVvkKz
“The published plugin is private to our org, but hopefully the implementation is useful for anyone trying to build something similar.”
Just open-sourced a @figmadesign plugin to fetch and populate data from GitHub. The published plugin is private to our org, but hopefully the implementation is useful for anyone trying to build something similar 😊https://t.co/CMj7L3uKaZ pic.twitter.com/2HGzo9bU8L
— Brian Lovin (@brian_lovin) February 21, 2020
If one of the existing plugins won’t do it, Pavel Laptev explains how to build a plugin from scratch for populating layers with data from JSON files.
Daniel Hollick wrote a 6‑part step-by-step tutorial for writing a color contrast checker plugin for Figma.
A small collection of videos on Egghead about building Figma plugins.
Thomas Gossmann shares his experience of developing Figma plugins and working with their APIs.
A boilerplate for creating Figma plugins using Svelte.
A boilerplate for developing Figma plugins that take care of setting up and configuring TypeScript, Webpack, ESLint, Stylelint, Prettier, Jest, EditorConfig, etc.