Variables and Styles Extractor
by Tushar Kant Naik
Export & import Figma variables and styles — selectively, safely, in three JSON formats.
Installs
32
Likes
7
Users
578
Views
487
Preview
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.
More import & export plugins plugins
View allhtml.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Paidby divRIOTS
Convert any website into fully editable Figma designs
Figma to HTML
by Figma2HTML
Convert Figma design to HTML
TinyImage Compressor
Paidby Hypermatic
Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma
Pitchdeck Presentation Studio
Paidby Hypermatic
Turn your Figma designs into animated slide decks or export them to PowerPoint/PDF