isarvindone / figma-matercolor Goto Github PK
View Code? Open in Web Editor NEW๐จ 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
๐จ 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
As a user (UI designer) I would like to know at all times, from which color/hex code my color palette was generated from.
My suggestion would be adding another checkbox "Mark Base Color", which would add a -B to a color style e.g. Primary/200-B, so I would know this is the main color from the brand book.
An option is to extend the width of the plugin modal, thus making room for another checkbox. If "Make Paint Styles" = False, I would disable this option.
The plugin is fantastic! I only wondered if is it possible to lock the base color to 500? I couldn't find this option, but it would be really helpful!
I cannot input the HEX code directly in the modal window. I have to use the color picker, which sometimes tends to get the color value wrong, or I have to first switch from RGB to HSL and then to HEX to get to the input. If I could insert the HEX code into this field directly, that would be real awesome!
Anyways, thanks for your contribution to the Figma community.
Regards,
Norman
Currently when I generate a color palette and select the option "Generate paint styles for palette", this adds several layers in my styles panel. It would be better to generate only one layer by default, and add sublayers if users would use the "/" symbol between names.
You could also add a supportive text below the input field, saying that "/" will create sublayers/subfolders.
Would also suggest using an outlined style for the input field (similar to what Figma uses in the Share modal). This would better indicate its clickability.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.