This template contains the react example as shown on Figma Docs, with some structural changes and extra tooling.
-
Run
yarn
to install dependencies. -
Run
yarn build:watch
to start webpack in watch mode. -
Open
Figma
->Plugins
->Development
->Import plugin from manifest...
and choosemanifest.json
file from this repo. -
To change the UI of the plugin (the react code), start editing App.tsx.\
-
To interact with the Figma API edit controller.ts. \
-
Read more on the Figma API Overview.
This repo is using:
- React + Webpack
- TypeScript
- Styled Components
- ESLint