JSON to Variables

JSON to Variables turns your design-token JSON into native Figma variable collections in one click.✦ Creates proper modes (e.g. Light & Dark as side-by-side columns) — not separate collections ✦ Follows Mantine-style naming for shade scales (Cloud 0–Cloud 10, keeps 950) ✦ Supports #hex, #rrggbbaa and rgba() — with transparency preserved (glass/overlay tokens stay correct, never black) ✦ Keeps your full token hierarchy (semantic/border/default, glass/border, …) ✦ Paste JSON or load a file; existing collections with the same name are safely replacedPerfect for keeping a multi-brand / multi-theme design system in sync with your tokens.