Theme Engine

Theme Engine allows you to use Google's Material 3 Dynamic Color to build your own accessible color themes using the HCT (hue, chroma, tone) color space and automate generation of variables and aliases to the variable collection of your choice.

Plugin Github: https://github.com/pbroom/theme-engineNote:

This is the first release, so any feedback or bug reports are welcome. While I feel it's far from finished, I think it's to the point where it can be of use and help certain users save some time building out accessible color systems. Here are some features in no particular order that I'd like to work on next:

Bind variables to stylesVariable overwrite controlOther color spaces like HSL, HSB, etc.WCAG contrast helper utilitiesCredits:

Science of Color DesignHow Dynamic Color Worksmaterial-color-utilitiescreate-figma-plugin by Yuanqing