https://github.com/caged/airstream
Color tools plugin for Figma
https://github.com/caged/airstream
color color-picker figma figma-plugins
Last synced: 2 months 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 (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-07-20T20:04:50.000Z (almost 4 years ago)
- Last Synced: 2026-01-01T00:28:19.833Z (6 months ago)
- Topics: color, color-picker, figma, figma-plugins
- Language: JavaScript
- Homepage:
- Size: 1.76 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 13
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
## 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