Figma

TokenmendAudit, clean up and bulk edit variables and styles, then export tokens to code.

Full name: “Tokenmend: Variables and Styles Organizer”

Also for Framer

$25 a month or $250 a year per seat. Free trial: 7 days with 10 runs. No card needed.

Tokenmend: AuditTokenmend: RenameTokenmend: ConvertTokenmend: Tokens

Your variables and styles, sorted out. Tokenmend finds every place each variable and style is used, on every page, and shows what's unused, duplicated, broken or inconsistently named. Then it fixes them in bulk, with a preview and one undo.

What you get

  • An audit of every local variable and style: unused ones, duplicates by value, broken aliases, naming inconsistencies and modes with missing values
  • Usage counts for every variable and style across all pages, including aliases, styles, prototype actions and component properties, with Select
  • Bulk rename with find and replace, regular expressions, case styles, prefixes and suffixes, and moving into groups, with a preview and name clash checks
  • Find and replace in descriptions
  • Scopes and Web, Android and iOS code syntax set in bulk from templates
  • Styles sorted by name or by value
  • Delete unused variables and styles, checked again against the whole file first: nothing in use is ever deleted
  • Hard-coded colours, radii, gaps, padding, stroke widths, opacity and font sizes bound to the matching variable or color style, with counts per value before anything changes
  • Swap one variable or style for another everywhere: layers, text ranges, aliases and styles
  • Design tokens export in the W3C format (one file, or one file per mode), styles included, and import that creates collections, modes and aliases
  • CSS custom properties, Tailwind v4 and v3, and SwiftUI code that use your code syntax names
  • One undo for every change

Questions about Tokenmend

What does Tokenmend do?

Audit, clean up and bulk edit variables and styles, then export tokens to code. Your variables and styles, sorted out. Tokenmend finds every place each variable and style is used, on every page, and shows what's unused, duplicated, broken or inconsistently named. Then it fixes them in bulk, with a preview and one undo.

What does Tokenmend work with?

Tokenmend works in Figma Design, in the desktop app and in the browser.

How much does Tokenmend cost?

$25 a month or $250 a year per seat. Buying for a team? Pick the number of seats at checkout and one license key covers everyone. Billed by Great Work LLC through Stripe, not through Figma. Cancel any time from Manage billing.

Is there a free trial?

Free trial: 7 days with 10 runs. No card needed.

How do I get Tokenmend?

Email hello@greatwork.company and we'll help you get Tokenmend set up.

Who makes Tokenmend?

Great Work LLC, an independent software company. Email hello@greatwork.company with any question about Tokenmend and a person will answer.


More Figma apps

All 14 Figma apps→