Figma Plugin React Template

.gitignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+settings.json
+yarn-error.log

.prettierrc.yml

@@ -0,0 +1,5 @@
+trailingComma: es5
+singleQuote: true
+printWidth: 120
+tabWidth: 4
+bracketSpacing: false

README.md

@@ -0,0 +1,19 @@
+# Figma Plugin React Template
+
+This template contains the react example as shown on [Figma Docs](https://www.figma.com/plugin-docs/intro/), with some structural changes and extra tooling.
+
+## Quickstart
+* Run `yarn` to install dependencies.
+* Run `yarn build:watch` to start webpack in watch mode.
+* Open `Figma` -> `Plugins` -> `Development` -> `New Plugin...` and choose `manifest.json` file from this repo.
+
+⭐ To change the UI of your plugin (the react code), start editing [App.tsx](./src/app/components/App.tsx). 
+⭐ To interact with the Figma API edit [controller.ts](./src/plugin/controller.ts). 
+⭐ Read more on the [Figma API Overview](https://www.figma.com/plugin-docs/api/api-overview/).
+
+## Toolings
+This repo is using:
+* React + Webpack
+* TypeScript
+* TSLint
+* Prettier precommit hook