Simple Code Editor
Development guide
This plugin is built with Create Figma Plugin.
Pre-requisites
- Node.js – v14
- Figma desktop app
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
In the Figma desktop app:
- Open a Figma document.
- Go to
Plugins
→Development
→Import plugin from manifest…
. - Select the
manifest.json
file that was generated.
Debugging
Use console.log
statements to inspect values in your code.
To open the developer console in the Figma desktop app, go to Plugins
→ Development
→ Open Console
.