https://github.com/gavinmcfarland/plugma
Take Figma plugin development to the next level
https://github.com/gavinmcfarland/plugma
cli figma plugins react svelte vite vue
Last synced: about 1 year ago
JSON representation
Take Figma plugin development to the next level
- Host: GitHub
- URL: https://github.com/gavinmcfarland/plugma
- Owner: gavinmcfarland
- License: mit
- Created: 2023-11-18T19:24:18.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-04-02T09:00:18.000Z (about 1 year ago)
- Last Synced: 2025-04-02T10:21:30.681Z (about 1 year ago)
- Topics: cli, figma, plugins, react, svelte, vite, vue
- Language: Svelte
- Homepage: https://plugma.dev
- Size: 4.22 MB
- Stars: 92
- Watchers: 2
- Forks: 9
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# 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](https://www.plugma.dev/).
## Start from a template
Create a plugin from a template using the following:
```bash
npm create plugma@latest
```
The frameworks currently supported are `React`, `Svelte`, `Vue` and vanilla `JavaScript`.
## Installation
Add Plugma as a project dependency:
```bash
npm install plugma --save-dev
```
Or install it globally:
```bash
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](https://nodejs.org/en)
- [Figma desktop app](https://www.figma.com/downloads/)
## License
Plugma is MIT licensed. See the LICENSE file for more details.