← Tools

Figma Plugin React Template

Tags

FigmaReactTypeScriptPlugin

Quickstart template for Figma plugins with React, Webpack, TypeScript, and Prettier.

Quickstart your Figma Plugin with this template. Based on the Figma docs React example, with structural improvements and tooling.

#Quickstart

yarn
yarn build:watch

Then: FigmaPluginsDevelopmentImport plugin from manifest... and select manifest.json from the repo.

#Structure

  • App.tsx — Edit the plugin UI (React)
  • controller.ts — Interact with the Figma API

#Tooling

  • React + Webpack
  • TypeScript
  • Prettier pre-commit hook
View on GitHub·raymond-UI/figma-plugin-react-template
GitHub