Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 3 days ago
JSON representation

Take Figma plugin development to the next level

Awesome Lists containing this project

README

        


Plugma and Vite logos

# 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.