A starter template using Vue 3 and Vite for developing Figma plugins.
- Ensure you have Node.js installed.
- Clone this repository. Navigate to your development folder and run
git clone https://github.com/antonijap/vue-figma-starter.git your-plugin-name
- Install the dependencies
npm install
- This script will ask for your plugin name and do some maintenence (optional)
npm run reset
- Start the development server
npm run watch
- Open
src/App.vue
to start coding the Plugin UI andFigma/code.js
to interact with Figma API.
Go to plugins and import plugin with the manifest.json
file. The manifest is located in the root of the folder.
Consult with Figma's documentation for a detailed guide on how to publish your plugin to the Figma community.
Remember to generate a new ID field for the manifest.json
when you are ready to publish.
✅ Vue 3
✅ Pinia 2
✅ Tailwind 3
This project is open to contributions and improvements from the community! We believe that collective knowledge can create the best tools. If you have ideas for enhancements, new features, or spot any bugs, don't hesitate to submit an issue or a pull request. If you have any questions, need help getting started, or simply want to discuss something, feel free to reach out at hi@apek.me. Let's make this project better together!
This project is licensed under the terms of the MIT license. See LICENSE for more details.