https://github.com/okotoki/figma-plugin-starter
🛠 Figma plugin starter – Typescript/React/Webpack
https://github.com/okotoki/figma-plugin-starter
figma figma-plugins react typescipt webpack
Last synced: 11 months ago
JSON representation
🛠 Figma plugin starter – Typescript/React/Webpack
- Host: GitHub
- URL: https://github.com/okotoki/figma-plugin-starter
- Owner: okotoki
- License: bsd-3-clause
- Created: 2019-11-15T15:49:29.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2023-10-02T21:33:43.000Z (over 2 years ago)
- Last Synced: 2025-04-02T07:11:44.570Z (about 1 year ago)
- Topics: figma, figma-plugins, react, typescipt, webpack
- Language: TypeScript
- Homepage:
- Size: 311 KB
- Stars: 14
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 
## Basics
**Typescript** – the best JavaScript to date.
**React** – renders stuff, so you don't have to.
**Webpack** – bundles it all together.
## More goodies
**workers** – heavy computation? Try using Webworkers! Check [demo.worker.ts](src/ui/app/demo.worker.ts) and [app.tsx](src/ui/app/app.tsx). Workers MUST be inlined due to Figma plugins system design, so be size-aware.
**[debug](https://www.npmjs.com/package/debug)** – smarter `console.log`. Can be switched on/off via `process.env.DEBUG`. Default: `on` in dev mode, `off` on prod.
**[figma-messenger](https://github.com/okotoki/figma-messenger)** – helper utility for type-safe communication between iframe and main thread.
## Usage
Clone, copy/paste and run `yarn dev` or `yarn build` for production build.
## License
BSD-3