https://github.com/ryohey/detach-n-flatten

Figma plugin to post process for icon generation
https://github.com/ryohey/detach-n-flatten

Last synced: about 1 month ago
JSON representation

Figma plugin to post process for icon generation

• Host: GitHub
• URL: https://github.com/ryohey/detach-n-flatten
• Owner: ryohey
• Created: 2020-06-30T04:58:11.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-04-01T03:32:20.000Z (over 3 years ago)
• Last Synced: 2024-05-01T23:42:54.916Z (7 months ago)
• Language: TypeScript
• Size: 202 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# figma-hello-world

## Development guide

*This plugin is built with [Create Figma Plugin](https://github.com/yuanqing/create-figma-plugin).*

### Pre-requisites

- [Node.js](https://nodejs.org/)

- [Figma desktop app](https://figma.com/downloads/)

### Building the plugin

First:

```

$ npm install

```

To build the plugin:

```

$ npm run build

```

This will generate a [`manifest.json`](https://figma.com/plugin-docs/manifest/) file and a `build/` directory containing a JavaScript bundle for the plugin.

To watch for code changes and rebuild the plugin automatically:

```

$ npm run watch

```

### Installing the plugin

In the Figma desktop app:

- Open a Figma document.

- Go to `Plugins` → `Development` → `New Plugin…`.

- Click the `Click to choose a manifest.json file` box, and select the `manifest.json` file that was generated.

### Debugging

Use `console.log` statements to inspect values in your code.

To open the developer console in the Figma desktop app, go to `Plugins` → `Development` → `Open Console`.

### Docs

- [Create Figma Plugin docs](https://github.com/yuanqing/create-figma-plugin#docs)

- [Figma plugin API docs](https://figma.com/plugin-docs/api/)