A lightweight template for Figma plugins using Vue.js

A Vue.js starter template for building Figma plugins

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

Figma Plugin Template for Vue

Copy From wendygaoyuan/vue3-figma-plugin-starter (FIXed)

A Figma plugin boilerplate, that simplifies building Figma or FigJam plugins with Vue + Typescript + Vite.

<!-- Please update value in the {} --> <h1 align="center">{Your project name}</h1> <div align="center"> Solution for a challenge from <a href="http://devchallenges.io" target="_blank">Devchallenges.io</a>. </div> <div align="center"> <h3> <a href="https://{your-demo-link.your-domain}"> Demo </a> <span> | </span> <a href="https://{your-url-to-the-solution}"> Solution </a> <span> | </span> <a href="https://devchallenges.io/challenges/Jymh2b2FyebRTUljkNcb"> Challenge </a> </h3> </div> <!-- TABLE OF CONTENTS --> ## Table of Contents - [Overview](#overview) - [Built With](#built-with) - [Features](#features) - [Contact](#contact) - [Acknowledgements](#acknowledgements) <!-- OVERVIEW --> ## Overview  Introduce your projects by taking a screenshot or a gif. Try to tell visitors a story about your project by answering: - Where can I see your demo? - What was your experience? - What have you learned/improved? - Your wisdom? :) ### Built With <!-- This section should list any major frameworks that you built your project using. Here are a few examples.--> - [React](https://reactjs.org/) - [Vue.js](https://vuejs.org/) - [Tailwind](https://tailwindcss.com/) ## Features <!-- List the features of your application or follow the template. Don't share the figma file here :) --> This application/site was created as a submission to a [DevChallenges](https://devchallenges.io/challenges) challenge. The [challenge](https://devchallenges.io/challenges/Jymh2b2FyebRTUljkNcb) was to build an application to complete the given user stories. ## Acknowledgements <!-- This section should list any articles or add-ons/plugins that helps you to complete the project. This is optional but it will help you in the future. For exmpale --> - [Steps to replicate a design with only HTML and CSS](https://devchallenges-blogs.web.app/how-to-replicate-design/) - [Node.js](https://nodejs.org/) - [Marked - a markdown parser](https://github.com/chjj/marked) ## Contact - Website [your-website.com](https://{your-web-site-link}) - GitHub [@your-username](https://{github.com/your-usermame}) - Twitter [@your-twitter](https://{twitter.com/your-username})

🔌 Ultimate starter template that should help get you started developing Figma plugin with Vite + Vue.

a vite + vue template for developing figma plugin

vue template for figma plugin creation

No description available

A template for creating Figma plugins using Vue.js Typescript classes (vue-property-decorator). This is a Vue.js+TypeScript version of the sample Figma plugin shown under the Figma and WebPack version

Figma plugin template with Vue.js and Tailwind

Vue/Vite/TypeScript/Tailwind/Ant figma plugin template

A Starter Template For Figma Plugin Power By Vue

A Starter Template For Jsdesign or Figma Plugin Power By Vue

<!-- Please update value in the {} --> <h1 align="center">{Your project name}</h1> <div align="center"> Solution for a challenge from <a href="http://devchallenges.io" target="_blank">Devchallenges.io</a>. </div> <div align="center"> <h3> <a href="https://{your-demo-link.your-domain}"> Demo </a> <span> | </span> <a href="https://{your-url-to-the-solution}"> Solution </a> <span> | </span> <a href="https://devchallenges.io/challenges/wBunSb7FPrIepJZAg0sY"> Challenge </a> </h3> </div> <!-- TABLE OF CONTENTS --> ## Table of Contents - [Overview](#overview) - [Built With](#built-with) - [Features](#features) - [Contact](#contact) - [Acknowledgements](#acknowledgements) <!-- OVERVIEW --> ## Overview  Introduce your projects by taking a screenshot or a gif. Try to tell visitors a story about your project by answering: - Where can I see your demo? - What was your experience? - What have you learned/improved? - Your wisdom? :) ### Built With <!-- This section should list any major frameworks that you built your project using. Here are a few examples.--> - [React](https://reactjs.org/) - [Vue.js](https://vuejs.org/) - [Tailwind](https://tailwindcss.com/) ## Features <!-- List the features of your application or follow the template. Don't share the figma file here :) --> This application/site was created as a submission to a [DevChallenges](https://devchallenges.io/challenges) challenge. The [challenge](https://devchallenges.io/challenges/wBunSb7FPrIepJZAg0sY) was to build an application to complete the given user stories. ## Acknowledgements <!-- This section should list any articles or add-ons/plugins that helps you to complete the project. This is optional but it will help you in the future. For exmpale --> - [Steps to replicate a design with only HTML and CSS](https://devchallenges-blogs.web.app/how-to-replicate-design/) - [Node.js](https://nodejs.org/) - [Marked - a markdown parser](https://github.com/chjj/marked) ## Contact - Website [your-website.com](https://{your-web-site-link}) - GitHub [@your-username](https://{github.com/your-usermame}) - Twitter [@your-twitter](https://{twitter.com/your-username})

<!-- Please update value in the {} --> <h1 align="center">{Your project name}</h1> <div align="center"> Solution for a challenge from <a href="http://devchallenges.io" target="_blank">Devchallenges.io</a>. </div> <div align="center"> <h3> <a href="https://{your-demo-link.your-domain}"> Demo </a> <span> | </span> <a href="https://{your-url-to-the-solution}"> Solution </a> <span> | </span> <a href="https://devchallenges.io/challenges/hhmesazsqgKXrTkYkt0U"> Challenge </a> </h3> </div> <!-- TABLE OF CONTENTS --> ## Table of Contents - [Overview](#overview) - [Built With](#built-with) - [Features](#features) - [Contact](#contact) - [Acknowledgements](#acknowledgements) <!-- OVERVIEW --> ## Overview  Introduce your projects by taking a screenshot or a gif. Try to tell visitors a story about your project by answering: - Where can I see your demo? - What was your experience? - What have you learned/improved? - Your wisdom? :) ### Built With <!-- This section should list any major frameworks that you built your project using. Here are a few examples.--> - [React](https://reactjs.org/) - [Vue.js](https://vuejs.org/) - [Tailwind](https://tailwindcss.com/) ## Features <!-- List the features of your application or follow the template. Don't share the figma file here :) --> This application/site was created as a submission to a [DevChallenges](https://devchallenges.io/challenges) challenge. The [challenge](https://devchallenges.io/challenges/hhmesazsqgKXrTkYkt0U) was to build an application to complete the given user stories. ## Acknowledgements <!-- This section should list any articles or add-ons/plugins that helps you to complete the project. This is optional but it will help you in the future. For exmpale --> - [Steps to replicate a design with only HTML and CSS](https://devchallenges-blogs.web.app/how-to-replicate-design/) - [Node.js](https://nodejs.org/) - [Marked - a markdown parser](https://github.com/chjj/marked) ## Contact - Website [your-website.com](https://{your-web-site-link}) - GitHub [@your-username](https://{github.com/your-usermame}) - Twitter [@your-twitter](https://{twitter.com/your-username})