The Vue3 Figma Plugin Starter is a development template that allows users to build Figma plugins using Vue3 and webpack. It incorporates the vue-next-jsx library for added support of Vue3 jsx/tsx syntax. This starter template provides an out-of-the-box setup, making it easy for developers to get started with building Figma plugins using Vue3.
To set up the Vue3 Figma Plugin Starter, follow these steps:
Clone this repository using the command:
git clone <repository_url>
Install the project dependencies by navigating to the project directory and running:
npm install
Start the development server by running the following command:
npm run dev
Launch the plugin by opening Figma and running:
vue3 figma plugin starter
Ensure to modify the name and ID in the manifest.json file to personalize your plugin.
The Vue3 Figma Plugin Starter provides a convenient starting point for developers looking to build Figma plugins using Vue3. With support for webpack and Vue3 jsx/tsx syntax, this development template offers an out-of-the-box setup, streamlining the creation of Figma plugins. By following the installation guide, developers can quickly set up the template and begin building their own custom Figma plugins with Vue3.