Shadcn Figma Plugin

A template for creating a Figma plugin using Vite, React, Tailwind, and Shadcn/UI.

2024-08-15.02-06-34.mp4

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 template. You can learn more about how to use this template in the original repository.

SVGs are provided by Vecteezy.

Acknowledgements

This project was initially created as an internship assignment for KofferX.com.