nirsky / figma-plugin-react-template

Quickstart your Figma Plugin with this template and tooling.

Figma Plugin React Template

This template contains the react example as shown on Figma Docs, with some structural changes and extra tooling.

Quickstart

• Run yarn to install dependencies.
• Run yarn build:watch to start webpack in watch mode.
• Open Figma -> Plugins -> Development -> Import plugin from manifest... and choose manifest.json file from this repo.

⭐ To change the UI of your plugin (the react code), start editing App.tsx.
⭐ To interact with the Figma API edit controller.ts.
⭐ Read more on the Figma API Overview.

Toolings

This repo is using:

• React + Webpack
• TypeScript
• Prettier precommit hook