ThemeAlign

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.