This is a template project to help you setup Figma plugin along with React, Tailwind, and Webpack.
You can clone this project or click the use "Use this template button"
Follow this guide to create your Figma plugin.
Then copy the manifest.json
to the cloned project. Make sure the main
and ui
properties are pointed to the correct directory:
{
"name": "your-plugin-name",
"id": "your-plugin-id",
"api": "1.0.0",
"main": "./dist/code.js",
"capabilities": [],
"enableProposedApi": false,
"editorType": [
"figma"
],
"ui": "./dist/ui.html",
"networkAccess": {
"allowedDomains": [
"none"
]
}
}
Finally, run this command:
yarn build:watch
This will run webpack in the development mode.
I used this wonderful template https://github.com/nirsky/figma-plugin-react-template as the main reference for the webpack
and react
setup.