Variable Kit
Easy way to manage local variables
Plugin 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:
- Export Local variables
- Import Local variables
- Design system template
- 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
| Version | 21 |
|---|---|
| Created | September 12, 2023 |
| Last Updated | April 11, 2025 |
| Category | Software development |
| Creator | sherotree |
| Stats | 751 installs, 68 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.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
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.
SkewDat
Skew any layer or group with all layers preserved to edit.