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 VariablesInstantly 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:Export Local variablesImport Local variablesDesign system templatePrint variables🍻 Support/CommunityNeed 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
Stats759 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