Variable Kit
Easy way to manage local variables
Plugin 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
| Version | 21 |
|---|---|
| Created | September 12, 2023 |
| Last Updated | April 11, 2025 |
| Category | Software development |
| Creator | sherotree |
| Stats | 780 installs, 71 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://*.uwarp.design
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code