Back to Plugins
HCT Variablinator

HCT Variablinator

Variablinate your HCT scales for brands and themes

themevariableswhite labelhctcolorbrandingtheme builder

Plugin Preview

HCT Variablinator preview

About this plugin

HCT Variablinator generates a color palette following Google's HCT color theory. It can then create a Figma Variables collection with all the tones created. You can then reference these through Aliases in your other collections.


It can also generate swatches directly into your Figma documents based on your Figma Variables collection with contrast/WCAG information.


Future features:

  1. Code gen for theming using style-dictionary for plug and play
  2. Gitlab/Github integration support

Plugin Details

Version3
CreatedJuly 23, 2024
Last UpdatedJune 23, 2025
Categorydesign-tools-other
CreatorJoe Narus
Stats5 installs, 4 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:main.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none