Back to Plugins
Token Swapper

Token Swapper

Swaps font, color and space tokens of components imported from other libraries.

Plugin Preview

Token Swapper preview

About this plugin

To use it, simply activate the plugin, import any component from any library, and it does the rest! 🚀


https://www.loom.com/share/6d526c11f63644318e9c604193e11e3d


Effortless Token Swapping Across Files

Swap Design Tokens between your design system and working files in seconds. Maintain consistency without duplicating libraries or styles.


Full-page Token Replacement

Need to update a full design with new tokens? One click with "Swap All" updates every node, text style, and color variable instantly — no manual work required.


Intelligent Scan & Replace

Automatically scan files for elements not linked to tokens — including colors and fonts — and batch replace them with variables from your design system. Eliminate inconsistencies with a few clicks.


Cross-theme & Project Flexibility

Manage multiple projects with a single design system source. Token Swapper ensures all visual assets remain connected to their proper tokens, even across brands or themes.


Non-destructive Workflow

Token Swapper doesn’t overwrite or break your original styles. Switch between token sets and preview changes without permanent commitment — perfect for testing themes or migrating designs.


Smart Query Processing

Let the plugin process bulk token changes in the background. Your edits persist even when closing the plugin, making large updates smoother and safer.


Beta Features: More Power, More Control

Our beta tools let you go even deeper — manage font tokens, swap icons, and process entire pages. Just stay in the same token session for best results while we keep improving.


FAQs

Does this work with free Figma plans?

Yes! Token Swapper is fully compatible with all Figma plans — free included. No need for professional tiers to keep your tokens in sync.


What if I use my own token naming system?

That’s okay! As long as your token names and structure match across files, Token Swapper will recognize and replace them intelligently.


Why use Token Swapper instead of doing it manually?

Manual token swaps are time-consuming, error-prone, and hard to scale. Token Swapper automates the entire process, saving you hours of work and ensuring consistency.


Tutorials

https://www.loom.com/share/3d743648bd3643e5a50b7dff7d54bbf2

https://www.loom.com/share/b3a6f11e12734fe18da5d30106fe4c54

https://www.loom.com/share/0ec7731eb20f404d9259222377f40cef

Plugin Details

Version19
CreatedMarch 6, 2025
Last UpdatedMay 30, 2025
CategoryFile organization plugins
CreatorAlessandro
Stats3 installs, 9 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none