https://github.com/matchai/figma-easing-gradient
✨🌈 Make beautiful smooth gradients in Figma
https://github.com/matchai/figma-easing-gradient
Last synced: 6 months ago
JSON representation
✨🌈 Make beautiful smooth gradients in Figma
- Host: GitHub
- URL: https://github.com/matchai/figma-easing-gradient
- Owner: matchai
- License: isc
- Archived: true
- Created: 2019-11-22T04:30:41.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2021-05-06T18:40:43.000Z (over 4 years ago)
- Last Synced: 2024-08-05T09:18:33.708Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://www.figma.com/c/plugin/781591244449826498
- Size: 1 MB
- Stars: 45
- Watchers: 3
- Forks: 6
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
---
> ⚠️ This project is archived in favor of the much more feature-rich alternative, [alexwidua/figma-easing-gradients](https://github.com/alexwidua/figma-easing-gradients) ✨
## 🚀 Getting Started
1. On a Figma document, select a shape with a gradient
1. Go to _Plugins > Easing Gradient_
1. Watch your gradient become smooth and beautiful
## 🔧 Development
1. Install dependencies
```sh
npm install
```
1. Build the plugin
```sh
npm run dev
```
1. In Figma, go to _Plugins > Manage Plugins_
1. Click the **+** icon beside "Development"
1. Provide Figma with `manifest.json` at the root of the repo
## 💭 Inspired By
Please check out these previous works that inspired the creation of figma-easing-gradient. 🙏
- **[Easing Linear Gradients](https://css-tricks.com/easing-linear-gradients/)** - Andreas Larsen's wonderful write-up on easing gradients.
- **[larsenwork/sketch-easing-gradient](https://github.com/larsenwork/sketch-easing-gradient)** - A similar plugin for Sketch.
- **[larsenwork/postcss-easing-gradients](https://github.com/larsenwork/postcss-easing-gradients)** - A PostCSS plugin for achieving similar gradients.
## 📝 License
Copyright © 2019-present, [Matan Kushner](https://github.com/matchai).
This project is [ISC](./LICENSE) licensed.