bobheadlabs / figma-plugin-react-template

🎨 Quickstart for your Figma Plugin - ft. alternative tooling (eslint, etc.) by @bobheadlabs

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 -> New Plugin... 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.

Typings (figma.d.ts)

Refer to the Typings File documentation.