Vue3 Figma Plugin Starter screenshot

Vue3 Figma Plugin Starter

Author Avatar Theme by Hcysunyang
Updated: 8 Jul 2020
111 Stars

Overview:

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.

Features:

  • Vue3 Integration: Utilize the latest version of Vue.js (Vue3) to build Figma plugins.
  • Webpack Development and Build: Leverage webpack for efficient development and bundling of the plugin.
  • Support for Vue3 jsx/tsx: Integrate the vue-next-jsx library to enable Vue3 jsx/tsx syntax in plugin development.

Installation:

To set up the Vue3 Figma Plugin Starter, follow these steps:

  1. Clone this repository using the command:

    git clone <repository_url>
    
  2. Install the project dependencies by navigating to the project directory and running:

    npm install
    
  3. Start the development server by running the following command:

    npm run dev
    
  4. Launch the plugin by opening Figma and running:

    vue3 figma plugin starter
    
  5. Ensure to modify the name and ID in the manifest.json file to personalize your plugin.

Summary:

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.