isarvindone / figma-matercolor

🎨 A Figma Plugin that generates Material Palettes and Styles for any color using the latest Color System Guidelines.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Matercolor Figma Plugin

🎨 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.

About

🎨 A Figma Plugin that generates Material Palettes and Styles for any color using the latest Color System Guidelines.

License:GNU General Public License v3.0


Languages

Language:CSS 63.9%Language:TypeScript 30.9%Language:JavaScript 5.1%Language:HTML 0.1%