Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/craigmdennis/figma-random-color-generator
A Figma plugin to generate and apply random colors to shapes and frames.
https://github.com/craigmdennis/figma-random-color-generator
color figma generator plugin
Last synced: 14 days ago
JSON representation
A Figma plugin to generate and apply random colors to shapes and frames.
- Host: GitHub
- URL: https://github.com/craigmdennis/figma-random-color-generator
- Owner: craigmdennis
- Created: 2020-03-18T00:15:25.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T16:03:34.000Z (about 2 years ago)
- Last Synced: 2025-01-28T12:06:21.460Z (15 days ago)
- Topics: color, figma, generator, plugin
- Language: TypeScript
- Homepage: https://www.figma.com/community/plugin/830585080961469510/Random-Color-Generator
- Size: 578 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
![](./assets/figma-cover.png)
# Random Color Generator
A Figma plugin that uses chroma-js under the hood to apply random colors to a selection.
## Limitations
- Currently this only works on fills.
- If you select a vector path or line then it will add a fill which won't be displayed as they use strokes.## Build instructions
First clone the repository and install the dev dependencies:
```
git clone [email protected]:craigmdennis/figma-random-color.git
cd figma-random-color
npm install
```Then compile the source files:
```
npm run watch
```The main plugin code is in `src/code.ts`. The HTML for the UI is in
`src/ui.html`, while the embedded JavaScript is in `src/ui.ts`.These are compiled to files in `dist/`, which are what Figma will use to run
your plugin.