WT
Winden Tokens
Free & Open Source

Design tokens made manageable

The only Figma plugin with spreadsheet editing, automated palette generation, visual relationship graphs, and WCAG contrast checking—all in one place.

Install Free Plugin View on GitHub
Winden Tokens interface

10x Faster Workflows

Generate 50-950 shade palettes and entire spacing scales in seconds, not hours

Built-in Accessibility

WCAG 2.1 contrast checking with AA/AAA badges for every color pair

Visual Relationship Graphs

Interactive node graphs show token dependencies and aliases at a glance

Features

Six specialized views

Everything you need to manage design tokens at scale

Table View

Spreadsheet-style editing with inline controls, collection switching, and instant search

  • Edit 100s of variables faster than native UI
  • Move variables between collections via dropdown
  • Auto-groups by slash-separated paths

Shades Generator

Generate 50-950 color palettes with advanced Bezier curve controls

  • Bezier curves for lightness, saturation, hue
  • Managed shades auto-update when base changes
  • Real-time preview with accessibility badges

Steps Generator

Create spacing/sizing scales with Golden Ratio, Major Third, and more

  • 8 preset ratios + custom values
  • Reference existing variables as base
  • T-shirt, numeric, or custom naming

Node Graphs

Interactive graphs for colors and numbers showing all token relationships

  • Drag to create variable aliases
  • Visualize complex token hierarchies
  • Pan, zoom, and keyboard shortcuts

Contrast Checker

WCAG 2.1 compliance with real-time AA/AAA badges

  • Per-variable or per-group checking
  • Pick colors or reference variables
  • Instant ratio calculation

Bulk Editing

CSV and JSON editors for importing/exporting entire token sets

  • Paste from spreadsheets (CSV)
  • JSON editor for power users
  • Preview before applying

Comparison

vs Native Figma Variables

Figma provides the foundation. Winden Tokens adds the workflows.

Feature Winden Tokens Native Figma
Spreadsheet-style editing Yes Limited
Move variables between collections Dropdown Manual copy/paste
Auto-generate 50-950 color palettes Bezier curves No
Number scale generator (Golden Ratio, etc.) 8 presets No
Visual node graphs for relationships Colors + Numbers No
WCAG contrast checking AA/AAA badges No
CSV/JSON batch editing Both No
Auto-sync with native variables (2s) Yes N/A
Multi-mode support (Light/Dark) Yes Yes
Group operations (move, edit, contrast) Yes Manual only
All variable types (Color, Number, String, Boolean) All 4 All 4

Manage tokens like a pro

Free, open source, and used by designers at top companies.

Install Free Plugin