figma-plugin-react-template
figma-plugin-react-template copied to clipboard
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
yarnto install dependencies. - Run
yarn build:watchto start webpack in watch mode. - Open
Figma->Plugins->Development->Import plugin from manifest...and choosemanifest.jsonfile 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