VarDrop
Generates variable tables for components + JSON export
Plugin 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
| Version | 1 |
|---|---|
| Created | March 12, 2026 |
| Last Updated | March 12, 2026 |
| Category | Import & export plugins |
| Creator | Andy |
| 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 Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML