Skip to content

Commit

Permalink
Initial work on figma linting plugin
Browse files Browse the repository at this point in the history
  • Loading branch information
Daniel Destefanis committed Oct 21, 2019
1 parent b48fa41 commit aba2df8
Show file tree
Hide file tree
Showing 36 changed files with 6,094 additions and 0 deletions.
22 changes: 22 additions & 0 deletions README.md
@@ -0,0 +1,22 @@
# Figma Plugin React Template

![62862431-71537f00-bd0e-11e9-85db-d97c0fb729a4](https://user-images.githubusercontent.com/16322616/62862692-46b5f600-bd0f-11e9-93b0-75955d1de8f3.png)


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

0 comments on commit aba2df8

Please sign in to comment.