Notepad
Development guide
This widget is built with Create Figma Plugin.
Pre-requisites
- Node.js – v16
- Figma desktop app
Build the widget
To build the widget:
$ npm run build
This will generate a manifest.json
file and a build/
directory containing the JavaScript bundle(s) for the widget.
To watch for code changes and rebuild the widget automatically:
$ npm run watch
Install the widget
- In the Figma desktop app, open a FigJam document.
- Search for and run
Import widget from manifest…
via the Quick Actions search bar. - Select the
manifest.json
file that was generated by thebuild
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: