🎨 Matercolor

🧩 A Figma Plugin that generates Material Color Palettes for any Color based on the latest Material Color System Guidelines.

🚸  Usage

✨ 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!

👐  Contributor's Checklist

• 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 yarn to install dependencies.
• Run yarn build:watch to start webpack in watch mode.
• Open Figma → Plugins → Development → New Plugin... and choose manifest.json file 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! ✨

 🧰 Toolings

React	TypeScript	Webpack	Prettier

 🌀 Versioning

Follows Keep a Changelog and Semantic Versioning specifications. To know more about the changes made across the versions, see the tags on this repository.

📜  License

This project is licensed under the GPL-3.0 License.