@gracefullight/figma-plugin-starter

This is a preset for creating Figma plugins using React and esbuild. The starter kit is based on the esbuild-react sample provided by Figma.

Getting Started

Prerequisites

• Node.js (v20 or higher)
• Pnpm (v8.15 or higher)

Installation

1. Clone this repository: git clone https://github.com/gracefullight/figma-plugin-starter.git
2. Navigate into the project directory: cd figma-plugin-starter
3. Install dependencies: pnpm install

Usage

Development

To start the development server, run:

pnpm dev

This command will start the following processes concurrently:

• tsc - TypeScript compiler in watch mode for both the main code and UI code
• build - esbuild bundler for the main code in watch mode
• vite - development server for the UI code with HMR (hot module replacement)

Once the server is up and running, open Figma and navigate to Plugins > Development > Create new plugin. Choose "Link existing plugin" and select the manifest.json file in the project directory.

Building

To build the plugin, run:

pnpm build

This command will create a production-ready version of the plugin in the dist directory.

License

This project is licensed under the MIT License. See the LICENSE file for more details.