https://github.com/leizhenpeng/starter-design-common-plugin-vue

A Starter Template For Jsdesign or Figma Plugin Power By Vue
https://github.com/leizhenpeng/starter-design-common-plugin-vue

figma figma-plugin jsdeign jsdesign-plugin

Last synced: about 1 month ago
JSON representation

A Starter Template For Jsdesign or Figma Plugin Power By Vue

• Host: GitHub
• URL: https://github.com/leizhenpeng/starter-design-common-plugin-vue
• Owner: Leizhenpeng
• Created: 2022-10-04T08:47:14.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-12-14T09:15:41.000Z (about 2 years ago)
• Last Synced: 2025-01-04T03:41:40.535Z (about 1 month ago)
• Topics: figma, figma-plugin, jsdeign, jsdesign-plugin
• Language: CSS
• Homepage:
• Size: 5.57 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# figma / jsDesign Plugin Starter Power By Vue

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

![ScreenShoot](./docs/shotScreen_light.png)

## Get started 

```

pnpm i

```

## dev

Start a server with the following command to help you style

the plugin UI, thanks to hotreload

```bash

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

```bash

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](https://js.design/developer-doc/PluginAPI/1.Reference/3.jsDesign)

More about figma plugins: [here](https://www.figma.com/plugin-docs/api/api-reference/)

## Librairy

- [Naive UI](https://www.naiveui.com)

- [Arco Design](https://arco.design/vue/docs/start)

- [TweakPane](https://cocopon.github.io/tweakpane/)

  

- [VueUse](https://vueuse.org/)