/figma-plugin-boilerplate

Figma plugin boilerplate using Vue.js 3 and Typescript

Primary LanguageSCSSMIT LicenseMIT

Figma plugin boilerplate

Version: 0.0.1

A boilerplate for creating Figma plugins using Vue.js 3 Composition API for the UI and TypeScript for the plugin code. It's based on the figma-plugin-ds-vue repo by alexwidua.

Made by: sotoijuan.com

Stack

  • UI: Vue.js 3
  • Build Tool: Vite
  • Language: TypeScript

Project Setup

Prerequisites

  • Node
  • Node Version Manager (nvm)

Installation

nvm use
npm install

Key Configuration Files

  • manifest.json:

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Next steps

  • Analyticis
  • Add more figma DS components
  • RPCT implemented or a simple way to know the Messages that can be sent between the UI and the Code.