Back to Plugins
VarDrop

VarDrop

Generates variable tables for components + JSON export

Plugin Preview

VarDrop preview

About this plugin

VarDrop makes it easy to inspect, document, and export your Figma variables — without leaving Figma.Whether you're building a design system, managing brand variables, or handing off to developers, VarDrop gives you a clear view of every variable across all your modes and components, and lets you export everything as structured JSON in seconds.What it does:📊 Visual table — See all your variables and their values side-by-side across modes (light/dark, brand A/brand B, etc.)📦 JSON export — Export variables as W3C-style design tokens with $value, $type, and metadata included🎨 Full type support — Colors (hex + rgba with alpha), numbers, strings, and booleans all export correctly🗂️ Any collection — Works with any variable collection in any Figma file, not just design system files⚡ No setup needed — Just open the plugin, pick your collection, and goPerfect for:Designers documenting their design systemDevelopers needing a reliable token exportTeams managing multi-brand or multi-theme variable sets

Plugin Details

Version1
CreatedMarch 12, 2026
Last UpdatedMarch 12, 2026
CategoryImport & export plugins
CreatorAndy
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none