Back to Plugins
Mode Match

Mode Match

Match variable values across modes.

design-systemcollectionvariablesbulk editmodesvalues

Plugin Preview

Mode Match preview

About this plugin

Mode Match lets you take a variable's value from one mode and apply it to other modes. Match a single variable, group of variables, or all variables in a collection!


  1. Select your multi-mode collection
  2. Select the source mode (copy from)
  3. Select the destination mode (copy to)
  4. Enter the path to a group of variables or a single variable (see below for bulk actions)
  5. Update ✨


Tip

  1. Keep your variable window open to see the changes.
  2. Use the Refresh button to pull in changes to the variables made when the plugin window is open. (see below for copy & paste)
  3. Use clear to quickly delete the path.


Bulk Actions

You will most likely want to run this on a group or the entire collection:

  1. Update all variables within a group by entering a path/to/group
  2. Update all variables in the collection by entering / @all or @root in the path input


Plugin Notes

  1. Collection list will only show collections with more than 1 mode
  2. Variable names and paths are case sensitive
  3. Updating variables, especially those linked to text styles may take longer to propagate


Supports

  1. All variable types (number, string, boolean, color)
  2. Aliasing
  3. Raw values


Copy/Paste Figma Bug

If you copy/paste variables between collections, you may need to reload the tab in order for those variables to register in their new collection.

Plugin Details

Version4
CreatedFebruary 24, 2025
Last UpdatedMay 9, 2025
CategoryFile organization plugins
CreatorMurph
Stats7 installs, 7 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com