Theme Engine

About this plugin

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-engine

Note:

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 styles
• Variable overwrite control
• Other color spaces like HSL, HSB, etc.
• WCAG contrast helper utilities

Credits:

Science of Color Design

How Dynamic Color Works

material-color-utilities

create-figma-plugin by Yuanqing