https://github.com/realvjy/hues-and-gradients-figma
Generate Hues & Gradients
https://github.com/realvjy/hues-and-gradients-figma
colors figma figma-plugin gradients
Last synced: 4 months ago
JSON representation
Generate Hues & Gradients
- Host: GitHub
- URL: https://github.com/realvjy/hues-and-gradients-figma
- Owner: realvjy
- License: mit
- Created: 2024-04-13T16:16:52.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-16T07:57:50.000Z (about 1 year ago)
- Last Synced: 2024-11-08T05:34:37.286Z (6 months ago)
- Topics: colors, figma, figma-plugin, gradients
- Language: TypeScript
- Homepage: https://www.figma.com/community/plugin/1361736324008749685/hues-gradients
- Size: 237 KB
- Stars: 5
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
[](https://www.figma.com/community/plugin/1361736324008749685/hues-gradients)
# Hues & Gradients Generator
Explore millions of color hues/shades/tones and gradients in your Figma and FigJam design files for perfect color palettes that suit your design next project.
## Features:
- By using the generate button, you always get a pleasant color palette that generates in real time.
- There are millions of possible combinations to genrate your next color palette.
- Every shade of color has a name
- Generate gradient by picking 2 shades from palette
---
## Figma Community
**Grab community file from 👉 here [Figma Community](https://www.figma.com/community/plugin/1361736324008749685/hues-gradients)**
## Local development
Plugin is opensource. You are welcome to contribute.
1. Clone the repository
```shell
git clone
cd hues-and-gradients-figma
```
1. Install the dependencies
```shell
yarn
```
1. Build the plugin
```
yarn watch
```
1. Open the [Figma desktop app](https://www.figma.com/downloads/)
1. Go to `Menu > Plugins > Development > Import Plugin from manifest...`
1. Choose `hues-and-gradients-figma/manifest.json`
1. Run the plugin by going to `Menu > Plugins > Development > SVG to Code`
---
## Credit
- [Color-scheme.js](https://github.com/c0bra/color-scheme-js) for harmonic color generation.
- [Ntc](https://chir.ag/projects/ntc/) for giving name of the color.
## Support & Donate
Coffe fuel desig & code. You can [Buy me a coffee](https://buymeacoffee.com/realvjy)
## Say hi or Feedback
Feel free to tag me or say hi on Twitter ([@realvjy](http://twitter.com/realvjy)). You are also welcome to share your feedback or bug reports 🙏