Skip to content

Quickstart your Figma Plugin with this template and tooling.

Notifications You must be signed in to change notification settings

redhotwaffle/figma-plugin-react-template

 
 

Repository files navigation

Figma Plugin React Template

62862431-71537f00-bd0e-11e9-85db-d97c0fb729a4

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 -> Import plugin from manifest... 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.

Toolings

This repo is using:

  • React + Webpack
  • TypeScript
  • Prettier precommit hook

About

Quickstart your Figma Plugin with this template and tooling.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 48.5%
  • JavaScript 36.9%
  • CSS 14.0%
  • HTML 0.6%