Plugma

Plugma is a powerful command-line tool that simplifies your Figma plugin development workflow. It enables easy creation, development, and testing with features like true hot module reloading (HMR), in-browser previews, unified bundling, and .env support for environment variables.

For full documentation see plugma.dev.

Start from a template

Create a plugin from a template using the following:

npm create plugma@latest

The frameworks currently supported are React, Svelte, Vue and vanilla JavaScript.

Installation

Add Plugma as a project dependency:

npm install plugma --save-dev

Or install it globally:

npm install -g plugma

Commands

• plugma dev: Start a server to develop your plugin.
• plugma build: Create a build before publishing.
• plugma preview: Preview the plugin in a browser preview.
• plugma release: Build the plugin and release to GitHub.

Run plugma --help for a full list of the options.

Requirements

• Node.js
• Figma desktop app

License

Plugma is MIT licensed. See the LICENSE file for more details.