Warning
Plugma is currently in alpha. Your feedback is greatly appreciated!
Plugma simplifies Figma plugin development.
Create a plugin from a template using the following:
npm create plugma@latest
The frameworks currently supported are React
, Svelte
and vanilla JavaScript
.
Create a plugin from scratch or use the CLI independently.
npm install plugma
Start a server to develop your plugin.
port
,-p
: Specify a port number for the plugin preview, default is 3000.
Create a build ready for publishing.
--watch
,-w
: Watch for changes and rebuild automatically.
You can either place a manifest.json
file in the root of the project or add a plugma.manifest
field to the package.json
file.
Plugma uses Vite to bundle Figma plugins and is configured to inline all styles and scripts into one file. It uses a local server for development, that passes messages from Figma's main thread to the local server using web sockets.
I would like to thank Yuan Qing Lim's Create Figma Plugin for the inspiration for this project.