Skip to content

Latest commit

 

History

History
51 lines (32 loc) · 1.36 KB

README.md

File metadata and controls

51 lines (32 loc) · 1.36 KB

Web Worker - Figma plugin examples

Learning resources & notes about how to run scripts in background threads by using web worker.

TODO

  • ✅ FibNum
  • ✅ Image filter & dither
  • 🚧 LLM

Pre-requisites

Build the plugin

To build the plugin:

$ npm run build

This will generate a manifest.json file and a build/ directory containing the JavaScript bundle(s) for the plugin.

To watch for code changes and rebuild the plugin automatically:

$ npm run watch

Install the plugin

  1. In the Figma desktop app, open a Figma document.
  2. Search for and run Import plugin from manifest… via the Quick Actions search bar.
  3. Select the manifest.json file that was generated by the build script.

Debugging

Use console.log statements to inspect values in your code.

To open the developer console, search for and run Open Console via the Quick Actions search bar.

See also

Official docs and code samples from Figma: