vue-figma-starter

KO | EN

gitlite — search

#javascript #python #llm #go #machine-learning #rust #deep-learning #linux #docker #macos #windows #kubernetes #security #mcp

vue-figma-starter

(★ 18)

A modern starter template for building Figma plugins with Vue 3, Vite, and TailwindCSS. Includes state management, hot reload, and streamlined Figma API integration.

vue-figma-starter Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Vue Figma Plugin Starter

Modern starter template for Figma plugins with Vue 3, Vite, TailwindCSS, and Pinia.

## Quick Start

```bash
git clone https://github.com/antonijap/vue-figma-starter.git your-plugin-name
cd your-plugin-name
npm install
npm run reset    # Optional: configure plugin name & ID
npm run watch    # Start development
```

**Import to Figma**: Plugins → Development → Import plugin from manifest → Select `manifest.json`

## Project Structure

- `src/` - Vue UI components
- `figma/code.js` - Figma plugin backend
- `dist/` - Built files (auto-generated)

## Commands

- `npm run watch` - Development with auto-rebuild
- `npm run build` - Production build
- `npm run reset` - Setup wizard (generates plugin ID, sets name)

## Tech Stack

- Vue 3 + Vite
- Pinia (state management)
- TailwindCSS v4
- ESLint + Prettier

## Plugin Communication

```javascript
// figma/code.js
figma.ui.onmessage = (msg) => {
    if (msg.type === 'action') {
        // Your Figma API logic
    }
}

// Vue component
parent.postMessage({ pluginMessage: { type: 'action' } }, '*')
```

## License

MIT - Created by [Antonija Pek](https://apek.me)

vue-figma-starter

vue-figma-starter Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

vue-figma-starter

vue-figma-starter Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README