https://github.com/bearstudio/start-ui-colors
🚀 Start UI [colors] is a Figma plugin to help you get colors from a Figma document to put them in other 🚀 Start UI project.
https://github.com/bearstudio/start-ui-colors
chakra-ui colors figma figma-plugin plugins
Last synced: about 2 months ago
JSON representation
🚀 Start UI [colors] is a Figma plugin to help you get colors from a Figma document to put them in other 🚀 Start UI project.
- Host: GitHub
- URL: https://github.com/bearstudio/start-ui-colors
- Owner: BearStudio
- Created: 2021-12-03T15:36:00.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-12-05T20:24:17.000Z (over 4 years ago)
- Last Synced: 2025-03-07T02:37:17.555Z (over 1 year ago)
- Topics: chakra-ui, colors, figma, figma-plugin, plugins
- Language: TypeScript
- Homepage:
- Size: 89.8 KB
- Stars: 2
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Editor
## Development guide
*This plugin is built with [Create Figma Plugin](https://yuanqing.github.io/create-figma-plugin/).*
### Pre-requisites
- [Node.js](https://nodejs.org) – v14
- [Figma desktop app](https://figma.com/downloads/)
### Build the plugin
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 the JavaScript bundle(s) for the plugin.
To watch for code changes and rebuild the plugin automatically:
```
$ npm run watch
```
### Install the plugin
1. In the Figma desktop app, open a Figma document.
2. Search for and run `Import plugin from manifest…` via the Quick Actions search bar.
3. Select the `manifest.json` file that was generated by the `build` script.
### Debugging
Use `console.log` statements to inspect values in your code.
To open the developer console, search for and run `Open Console` via the Quick Actions search bar.
## See also
- [Create Figma Plugin docs](https://yuanqing.github.io/create-figma-plugin/)
- [Storybook](https://yuanqing.github.io/create-figma-plugin/ui/)
- [`yuanqing/awesome-create-figma-plugin`](https://github.com/yuanqing/awesome-create-figma-plugin#readme)
- [`yuanqing/figma-plugins`](https://github.com/yuanqing/figma-plugins#readme)
Official docs and code samples from Figma:
- [Figma/FigJam plugin API docs](https://figma.com/plugin-docs/)
- [`figma/plugin-samples`](https://github.com/figma/plugin-samples#readme)