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

A template that helps you start building Figma plugin that using React + Tailwindcss

A minimal typesafe Figma plugin starter template using Preact and TailwindCSS bundled with 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})

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

<!-- 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})