Figma Variable Viewer
Inspect, export, and copy Figma variables from the layers that you select
Plugin Preview
About this plugin
Figma Variable Viewer is designed to help you inspect and extract Figma variables from the layers that you select. It aids in debugging, documenting, and optimizing design systems by making it easy to inspect and export variable bindings directly from your Figma document.
Variable Extraction & Presentation: When you select layers inside Figma, the plugin gathers the variables that are applied—such as layer name, property, the variable name, and the values associated for each mode in the variable's collection (e.g. Light Mode & Dark Mode). The details are displayed in a table format in a resizable window, allowing you to easily review which variables are bound to which layers and properties.
Export & Copy Functionality: Ideal for designers and engineers who want to transfer or analyze their variable data outside of Figma, improving documentation and collaboration within design systems. Export and copy features include:
- Export to CSV file
- Export to JSON file
- Copy All to Clipboard
- Copy a single variable
Plugin Details
| Version | 7 |
|---|---|
| Created | February 4, 2025 |
| Last Updated | July 10, 2025 |
| Category | Import & export plugins |
| Creator | Jeremy Knudsen |
| Stats | 12 installs, 2 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:
- https://fonts.googleapis.com
- https://fonts.gstatic.com
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML