Skip to content
Quickstart your Figma Plugin with this template and tooling.
TypeScript JavaScript CSS HTML
Branch: master
Clone or download

Figma Plugin React Template


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


This repo is using:

  • React + Webpack
  • TypeScript
  • TSLint
  • Prettier precommit hook
You can’t perform that action at this time.