Back to Plugins
Token Master

Token Master

Automate your design tokens

Plugin Preview

Token Master preview

About this plugin

The plugin for Figma automates your color design tokens. With Token Master, you can edit styles in design tokens and quickly create new color modes. Just pick tokens with the same color and edit them at once!How it worksInstall Token MasterDownload all styles from your file or add a new color mode. Use keywords [light] and [dark] in your style names to add a new color mode. Example: [light]Style name/ [dark]Style nameTo edit a style, click on it. Then, you can use the eyedropper or the color picker in the modal window to select a colorAlso, you can copy the whole group of your design tokens and create a new color modeStyles name examplesWe recommend using [light] / [dark] at the beginning of the style name:[light] Color name [dark] Color name But you can use [light] / [dark] at any place of your style name:Color name [light] Color name [dark] Style / color-name [light] Style / color-name [dark] Style [light] / color-name Style [dark] / color-name Issues or feature requestsOpen an issue on the github

Plugin Details

Version2
CreatedDecember 2, 2021
Last UpdatedJanuary 7, 2022
Categoryshapes-colors
CreatorDaniela Muntyan
Stats1965 installs, 204 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/index.html
  • main:dist/code.js
  • Editor Types:
    figma