https://github.com/caged/airstream

Color tools plugin for Figma
https://github.com/caged/airstream

color color-picker figma figma-plugins

Last synced: 11 days ago
JSON representation

Color tools plugin for Figma

• Host: GitHub
• URL: https://github.com/caged/airstream
• Owner: caged
• Created: 2020-01-17T02:09:47.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2022-07-20T20:04:50.000Z (over 2 years ago)
• Last Synced: 2024-11-19T09:12:16.757Z (2 months ago)
• Topics: color, color-picker, figma, figma-plugins
• Language: JavaScript
• Homepage:
• Size: 1.76 MB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 13
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
![](/splash.png)

## Airstream

Color tools for Figma.

### Development

```

git clone https://github.com/caged/airstream.git

yarn

yarn dev

```

#### Adding a new UI view

Plugins with a user interface are built as **views** and and be found in `src/views`.

**`views/MyViewPlugin.svelte`**

```svelte

  import { createEventDispatcher, onMount } from 'svelte'

  const dispatch = createEventDispatcher()

  onMount(() => {

    dispatch('resize', { width: 300, height: 500 })

  })

Plugin body here

```


**`views/index.js`**

```

export { default as MyViewPlugin } from './MyViewPlugin'

```

**`manifest.json`**

```json

  "menu": [

    { "name": "Run my plugin", "command": "view:MyViewPlugin" }

  ]

```

### Adding a new command

TBD: Plugins without UIs are **commands** and can be found in `src/commands`.

### Testing

```

yarn test

```

### Credits

See [package.json](package.json) for a full list of plugins.

- Built with https://github.com/rollup/rollup

- Built on https://github.com/sveltejs/svelte

- Chromatic color schemes are from https://github.com/d3/d3-scale-chromatic.

- Figma standard UI components and icons are from https://github.com/thomas-lowry/figma-plugin-ds-svelte