https://github.com/amanvarshney01/shadcn-figma-plugin
A template for creating a Figma plugin using Vite, React, Tailwind, and Shadcn/UI.
https://github.com/amanvarshney01/shadcn-figma-plugin
figma-plugin react shadcn-ui tailwindcss typescript vite
Last synced: 8 months ago
JSON representation
A template for creating a Figma plugin using Vite, React, Tailwind, and Shadcn/UI.
- Host: GitHub
- URL: https://github.com/amanvarshney01/shadcn-figma-plugin
- Owner: AmanVarshney01
- License: mit
- Created: 2024-08-13T14:14:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-06T13:11:20.000Z (about 1 year ago)
- Last Synced: 2025-01-29T18:15:36.922Z (10 months ago)
- Topics: figma-plugin, react, shadcn-ui, tailwindcss, typescript, vite
- Language: TypeScript
- Homepage:
- Size: 1.28 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Shadcn Figma Plugin
A template for creating a Figma plugin using Vite, React, Tailwind, and Shadcn/UI.
https://github.com/user-attachments/assets/8cf9a283-f02b-48d6-be5b-77d54607aefe
## Quick Start
Install Dependencies
- npm - `npm i`
Build the PLugin
- npm - `npm run build`
Development Mode
- npm - `npm run dev`
## Add Plugin to Figma
1. Open Figma
2. Select Figma Menu > Plugins > Development > Import Plugin from Manifest
3. Select the `manifest.json` file in the `dist` folder
## Technologies Used
- Typescript
- Vite
- React
- TailwindCSS
- Shadcn
## Credits
This project was scaffolded using the [Bolt Figma](https://github.com/hyperbrew/bolt-figma) template. You can learn more about how to use this template in the original repository.
SVGs are provided by [Vecteezy](https://www.vecteezy.com/).
## Acknowledgements
This project was initially created as an internship assignment for [KofferX.com](https://kofferx.com).