figma / jsDesign Plugin Starter Power By Vue

A starter template using vue3 and vite for developing jsDesign / figma plugins

Get started

pnpm i

dev

Start a server with the following command to help you style the plugin UI, thanks to hotreload

pnpm run dev:ui //dev ui
pnpm run dev:hook // dev hook code

change manifest.json

get your own plugin Id, change it in manifest.json

build

Run the following command to compile your plugin to show in design tool

pnpm run build

jsDesign / figma Developer

"Our developer platform puts the power in your hands to create the tools teams need to improve efficiency, expand functionality, and bring ideas to life. Take a look at our APIs, documentation, guides, and references to get started."

Documentation

More about jsDesign plugins: here

More about figma plugins: here

Librairy

• Naive UI

• Arco Design

• TweakPane

• VueUse