• ReactJS

Reference: https://yuanqing.github.io/create-figma-plugin/

This plugin allows you to see Figma variables at a single place in both dev mode and design mode. It allow the users to view the variables in three different formats "List", "JSON" and "CSS". User can view and copy the variables as per their requirement.

Simplest view to quickly see all the variables and their values along with the collections and modes. You can decide to show/hide the collections from the view. If a variable is defined as alias, the value will show the alias name and you can click the value to jump to the linked variable.

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

Variables are represented in the CSS compatible format, you get an option to copy the variables and their values in the CSS supported format.