🧩 A Figma Plugin that generates Material Color Palettes for any Color based on the latest Material Color System Guidelines.
✨ New in v.2.0.0 : More palette varieties!
Updated to work with the latest version of Matercolor. Resolves issue #2: Enables 3-letter and 6-letter hex code input (with or without hash prefix) while also supporting selection via. color picker. Resolves issue #3: More freedom in naming and grouping palettes. Simply use
/to nest palettes.
👟 Run the Plugin 🧩
↓
🖌️ Use it!
- Before planning to contribute, create a ✨ new Issue ✨ so that we can discuss and improve on your proposed changes.
- Fork and clone this repository using
git clone https://github.com/arvindcheenu/Matercolor.figma.git - Go to this directory using
cd figma-matercolor - Run
yarnto install dependencies. - Run
yarn build:watchto start webpack in watch mode. - Open Figma → Plugins → Development → New Plugin... and choose
manifest.jsonfile from this repo. - To change the UI of your plugin (the react code), start editing App.tsx.
- To interact with the Figma API edit controller.ts.
- For plugin development-related information, checkout Figma API Overview.
- As you make changes, create a Draft Pull Request referencing your issue using
#[issue-number]and Happy Commiting! - Happy with how your code works? Finalise your changes and open up your Pull Request for Review.
- After a few tantalizing review sessions, ✨ have a cup of ☕ and watch as your code gets merged! ✨
 |
 |
 |
 |
| React | TypeScript | Webpack | Prettier |
Follows Keep a Changelog and Semantic Versioning specifications. To know more about the changes made across the versions, see the tags on this repository.
This project is licensed under the GPL-3.0 License.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent