ThemeAlign
Manage color tokens and themes for Figma Variables in one click. Duplicate color groups with new b
Plugin 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
| Version | 3 |
|---|---|
| Created | June 15, 2026 |
| Last Updated | June 26, 2026 |
| Category | Accessibility tools |
| Creator | jiangshan |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.