Figma Variable Explorer

About this plugin

Figma Variable Explorer

This 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 View

The 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 View

Variables are represented in the CSS-compatible format; you can copy the variables and their values in the CSS-supported format.

JSON View

JSON representation of the list, you get an option to copy JSON in this view.

Export

You can export your variables in markdown, CSV and CSS-compatible formats.

----

Let's Connect

LinkedIn

Twitter

Support my Work