Variables and Styles Extractor

About this plugin

Your design system, portable.v2.2.0 — New style types, motion tokens, team-library support & safer, faster imports• Imports are additive by default — Simple mode always Smart Merges: it adds and updates, never removes. Clean Import (replace everything) is now an explicit Advanced-mode choice with a confirmation that lists exactly what will be deleted• New effect styles round-trip in full: Noise (monotone, duotone, multi-tone), Texture, and Glass• Pattern fills export & import (within the same file); video and shader paints no longer drop silently from exports; per-paint visibility and blend modes are preserved• Complete text styles: leading trim, paragraph spacing & indent, list spacing, hanging punctuation and hanging lists• All 22 variable scopes supported — text content, opacity, stroke width, effect values, font family/style/weight and more; one unrecognized scope no longer drops the rest• Motion tokens are first-class: durations and easings (cubic-bezier, spring, steps) are counted as Timing & Easing in the preview — and native timing/easing variable types are supported ahead of Figma shipping them• Team-library aware: variables that reference connected library collections are detected, exported with their library reference, and re-linked to the real library variables on import (only the referenced variables are pulled in, so a small import against a huge library stays fast)• Faster on large design systems: parallelized reads and cached lookups make exporting and importing thousands of variables and cross-collection aliases noticeably quicker• Copy JSON now preserves emoji in collection and variable names (e.g. "💨 Tailwind"), so emoji-named design systems round-trip cleanly• Sturdier imports: an unsupported effect, paint, or style is skipped with a note instead of stopping the whole importv2.1.2 — Import reliability & external dependency fixes• Variables referencing unconnected team libraries no longer import as 0 — references now re-link to matching variables already in your file (by collection and name, with safe fallbacks)Fixed: exports now capture true fallback values for chained library aliases — even when the chain reaches the library's internal, unpublished primitives• Improved Asset Sources check now tells you how each dependency resolves — connected, matched to variables in your file, provided by the import itself, or genuinely missing• Improved Import Behaviour defaults (superseded in v2.2.0 — imports are now always merge-first)• Fixed simple tab Import button spacing— What's new in 2.1.0 —• Redesigned Simple mode with collection/group-level selection and a compact window• Live progress + safe Cancel for long exports, imports, and clears• Validated snapshots + one-step native undo• Tokens Studio–compatible export format• Massive performance work for large files (smooth paste, lag-free mode switching)• New look ✨Variables & Styles Extractor moves complete design systems between Figma files — every variable collection, mode, alias, and style — as clean, re-importable JSON.🧩 Simple by defaultA clean three-step layout: pick your variables, pick your styles, hit Export. Collections expand into name-prefix groups (just like Figma's Variables panel), so you ship exactly the groups you choose — no more all-or-nothing.📦 Built for big design systemsThousands of variables? The plugin processes work in batches with live progress bars, so Figma never freezes — and there's a real Cancel button that safely rolls everything back mid-import. Huge JSON files paste instantly.🛡️ Import without fearEvery import takes a validated snapshot first. Undo restores your file in one click, and a single Cmd+Z reverts the entire import natively. A corrupt snapshot can never wipe your file.🎨 Speaks fluent design tokensExport as classic Figma JSON (perfect round-trips), W3C Design Tokens, or the new Tokens Studio–compatible format — token sets per Collection/Mode, $themes, DTCG keys, and {dot.path} aliases that import straight into the Tokens Studio plugin.⚙️ Advanced mode when you need itPer-mode selection, merge strategies, pre-import diff review, plan compatibility checks, library dependency mapping, font validation — the full cockpit, one toggle away.🔒 Private by designZero network access. Your file never leaves Figma.Made with ❤️ by The Keep Collective.If it saves you time, the coffee button is right there in the footer.