Getting Started

Prerequisites

You need two things installed on your computer:

1. Bun (version 1.0 or later) — a fast JavaScript runtime and package manager
2. Figma desktop app — plugins can only be tested in the desktop app, not the browser

Step 1: Clone the template

Open your terminal and run:

git clone https://github.com/bromso/figma-plugin-template.git
cd figma-plugin-template

Step 2: Install dependencies

bun install

This downloads all the libraries the template needs. It takes about 10-30 seconds.

Step 3: Build the plugin

bun run build

This creates the plugin files that Figma can load. You'll see output showing the build succeeded.

Step 4: Test in Figma

See Testing in Figma for how to load your plugin into the Figma desktop app.

Step 5: Start developing

For active development with auto-rebuilding:

bun run dev

This watches your files and rebuilds automatically when you make changes.

Using AI to build your plugin

If you have Claude Code, open this project and describe what you want:

"I want a plugin that renames all selected layers to lowercase"

Claude will generate the code, build it, and guide you through testing. See Using Claude for more examples.

Available commands