Figma Variable Explorer
See your Figma variables all at once, works even for dev mode.
Plugin Preview
About this plugin
Figma Variable ExplorerThis plugin provides a centralized location for viewing Figma variables in both development and design modes. It allows users to access variables in three formats: "List," "JSON," and "CSS." Users can view and copy variables as needed.List ViewThe simplest view displays all variables, their values, collections, and modes. You can show/hide collections and click alias values to access the linked variable. You can also search your variables by name, value in this mode.CSS ViewVariables are represented in the CSS-compatible format; you can copy the variables and their values in the CSS-supported format.JSON ViewJSON representation of the list, you get an option to copy JSON in this view.ExportYou can export your variables in markdown, CSV and CSS-compatible formats.----Let's ConnectLinkedInTwitterSupport my Work
Plugin Details
| Version | 15 |
|---|---|
| Created | November 27, 2023 |
| Last Updated | November 6, 2025 |
| Category | Software development |
| Creator | Mohit Tater |
| Stats | 869 installs, 148 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:build/ui.js
- main:build/main.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
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.