#Plugin Development
Automating the Boring Parts of Product Design
Brian Lovin from GitHub turned his Config talk into an article.
Jordan Singer: Natural language processing + Figma
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
Tekeste Kidanu: Spell-checker plugin made more than $1,000
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
Brian Lovin: Open-Sourced a 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.”
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
JSON to Figma Plugin. How to Create a Vanilla Figma Plugin
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.
Figma Plugin Tutorial
Daniel Hollick wrote a 6‑part step-by-step tutorial for writing a color contrast checker plugin for Figma.
Create a Figma Plugin Using TypeScript
A small collection of videos on Egghead about building Figma plugins.
My Experiences with Figma Plugin Development
Thomas Gossmann shares his experience of developing Figma plugins and working with their APIs.
Figsvelte
A boilerplate for creating Figma plugins using Svelte.
Figma plugin TypeScript boilerplate to start developing right away
A boilerplate for developing Figma plugins that take care of setting up and configuring TypeScript, Webpack, ESLint, Stylelint, Prettier, Jest, EditorConfig, etc.