An opinionated Figma plugin boilerplate built with React, TypeScript, ESLint, Prettier, Babel, Webpack, and Jest.
This is still a work in progress. Currently, we have basic ESLint, Prettier, Babel, and Webpack setup. Will add in Jest soon ASAP.
-
Clone this repo
git clone [email protected]:x-and-ai/figma-plugin-boilerplate.git
-
Install dependencies
yarn
-
Start type checking
yarn type-check:watch
-
Start developing plugin
yarn start
Open Figma, create a new plugin by importing the
manifest.json
, then have fun hacking! -
Build a production plugin
yarn build
Run the plugin in Figma!
This plugin supports the same browsers as Figma Minimum Browser Requirements
The minimum browser requirements are:
- Chrome 49+
- Firefox 51+
- Safari 10.1+ (Apple - macOS)
- Edge 14+ (Windows)
We ❤️ PRs! Please send one if you would love to make this boilerplate better.