Theme Engine
Build color systems at scale.
Plugin Preview
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-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
Plugin Details
| Version | 10 |
|---|---|
| Created | March 19, 2024 |
| Last Updated | May 28, 2024 |
| Category | Import & export plugins |
| Creator | Peter Broomfield |
| Stats | 138 installs, 22 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:build/ui.js
- main:build/main.js
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML