Back to Plugins
Variable Kit

Variable Kit

Easy way to manage local variables

variables to jsondesign tokenstokensvariablesvariable collectioniconsaiwireframelocal variablesstylesmobilecode-generatorsweb

Plugin Preview

Variable Kit preview

About this plugin

Variable Kit – Visualize & Generate Reference Frames for All Figma Variables


Instantly create a clean, visual variables reference frame or template displaying every variable in your Figma file – perfect for design system audits, documentation, team handoffs, debugging, or showcasing your tokens!

This lightweight plugin scans your collections, modes, and variables (colors, numbers, strings, booleans, etc.) and auto-generates an organized frame with:

  1. Export Local variables
  2. Import Local variables
  3. Design system template
  4. Print variables


🍻 Support/Community

Need help? Join us on our Discord community and discuss with one of our team members.


Ideal for design system maintainers, token auditors, teams scaling variables across files, or anyone needing a quick "variables cheat sheet" without manual screenshots/copy-paste. Addresses common pain points like variable sprawl or alias visibility (note: alias display is a requested enhancement).


Plugin Details

Version21
CreatedSeptember 12, 2023
Last UpdatedApril 11, 2025
CategorySoftware development
Creatorsherotree
Stats751 installs, 68 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://*.uwarp.design