https://github.com/neplextech/react-figma-plugin-template
Figma plugin template using React, TypeScript and Vite
https://github.com/neplextech/react-figma-plugin-template
figma plugin react typescript
Last synced: about 1 month ago
JSON representation
Figma plugin template using React, TypeScript and Vite
- Host: GitHub
- URL: https://github.com/neplextech/react-figma-plugin-template
- Owner: neplextech
- License: mit
- Created: 2023-01-19T10:27:34.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-22T09:52:42.000Z (over 3 years ago)
- Last Synced: 2025-07-30T02:44:19.667Z (11 months ago)
- Topics: figma, plugin, react, typescript
- Language: TypeScript
- Homepage:
- Size: 875 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# React Figma Plugin Template
A figma plugin template using react, typescript, vite.
# Support
Join our Discord server: [discord.gg/xxXJkUb9FM](https://discord.gg/xxXJkUb9FM)
# Contributing
First of all, read the [Contributing Guide](https://github.com/neplextech/simple-figma-ui/blob/main/CONTRIBUTING.md). Then, [Fork](https://github.com/neplextech/simple-figma-ui/fork) and follow the steps below:
```sh
# Clone forked repo
$ git clone simple-figma-ui
# Open vscode in cloned repository
$ code simple-figma-ui # use code-insiders if you have vscode insiders
# Create a development branch
$ git checkout -b branchName
# Install dependencies
$ yarn install --immutable
# ... (make changes)
# Build the plugin
$ yarn build
# test the plugin in figma desktop app to make sure everything's working
# once everything seems to be good, push the changes
$ git add .
$ git commit -m "commit message"
$ git push origin branchName
# After pushing, make a pull request to this repository
```
#### How to test the plugin?
* Open Figma
* Go to Plugins menu
* Click on `Development`
* Click `Import plugin from manifest`
* Navigate to the cloned repository dir and select `manifest.json` file
* Then you should be able to see the plugin in your plugins list
* Click `Run` button