GETTING STARTED

Installation

Winden Tokens is a Figma plugin. It runs inside Figma and reads the variables of the file you have open.

Requirements

  • The Figma desktop app or Figma in a browser.
  • A file with variable collections. Winden Tokens reads variables, not styles.
  • Edit access to the file, if you want to change anything. The graph itself is readable with view access.

Install

Open the plugin from the Figma Community page for Winden Tokens, or from Plugins → Winden Tokens once it is installed.

Open it

With your file open, run Plugins → Winden Tokens. The plugin reads every collection in the current file and builds the graph from the variables it finds.

Nothing leaves your machine. The plugin has no network access at all: its manifest declares allowedDomains: ["none"], which Figma enforces. Your tokens are read from the open file and stay there.

The tabs

  • Table — every variable in a spreadsheet: inline editing, groups, search, contrast checking, and the shade and step generators.
  • Relationships — the graph: what references what, laid out by dependency tier.
  • JSON — the whole set as nested JSON, editable as text.
  • Settings — preset imports, and deleting everything.