resizable

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:

1. Open a Figma or FigJam document.
2. Go to Plugins → Development → Import plugin from manifest….
3. 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.

See also

• Create Figma Plugin docs
• Storybook
• Figma/FigJam plugin API docs
• figma/plugin-samples
• yuanqing/awesome-create-figma-plugin
• yuanqing/figma-plugins