Back to Plugins
ThemeAlign

ThemeAlign

Manage color tokens and themes for Figma Variables in one click. Duplicate color groups with new b

Plugin Preview

ThemeAlign preview

About this plugin

ThemeAlign helps design-system teams manage color themes built on FigmaVariables without manual copy-paste or broken alias references.What you can do- Select any color group and preview its base + stepped colors instantly.- Create a new project / theme by copying a color group with a new base color.All color steps are recalculated in HSL space.- Update an existing color group in place when you only want to refine thepalette.- Automatically redirect variable aliases in other collections (e.g. DesignTokens) to point to the newly created color group.- Support nested groups, per-subgroup base colors, and parent-group selection.How it works1. Open ThemeAlign and pick a Source Collection + Source Group.2. Choose Create New Project or Update Existing.3. Adjust base colors if needed and click Apply.4. ThemeAlign creates the new variables / modes and remaps aliases for you.PrivacyThemeAlign runs entirely inside Figma. No network access, no externalservices, no data leaves your file.

Plugin Details

Version3
CreatedJune 15, 2026
Last UpdatedJune 26, 2026
CategoryAccessibility tools
Creatorjiangshan
Stats0 installs, 0 likes
PricingFree

Technical Details

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