Skip to content
🎨 Quickstart for your Figma Plugin - ft. alternative tooling (eslint, etc.) by @bobheadlabs
JavaScript TypeScript CSS HTML
Branch: master
Clone or download
This branch is 2 commits ahead, 4 commits behind nirsky:master.

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.eslintignore
.eslintrc.js
.gitignore
README.md
figma.d.ts
manifest.json
package.json
tsconfig.json
webpack.config.js
yarn.lock

README.md

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

You can’t perform that action at this time.