React Figma Plugin Starter
Boilerplate setup for developing React based Figma plugins. Demonstrates a basic example of publishing / subscribing to messages between App.tsx
and code.ts
. Additionally has some sensible defaults included such as
- webpack loaders for CSS Modules and SVGs
- eslint config
Requirements
- Node 14+
Reference the Plugin in Figma
- From the menu go to: Plugins / Development / New Plugin...
- Select the manifest.json
Building the Plugin:
$ npm install
$ npx webpack
Related
Credit
Used Figma's example webpack.config as a starter