Token Map
by Yogesh Shetty
Scan. Match. Migrate. Your design system update starts here
Installs
30
Likes
9
Users
319
Views
204
Preview
About this plugin
Load your target library, scan your file, and migrate every token—external, local, or hardcoded—to the right match.
Token Map is built for designers and design‑system teams who want clean, consistent, and future‑ready Figma files. Whether you're migrating to a new design system, refactoring legacy files, or consolidating tokens across multiple brands, Token Map helps you replace outdated or inconsistent values in minutes—without manually hunting through layers and overrides.
📚 Simple Target Library LoadingTo ensure accurate mapping, Token Map reads all variables and styles from the design system you’re migrating to.
Just follow these steps:
Open the target library file in Figma (the actual .fig file).
Launch Token Map.
Click Scan Target Library.
The plugin reads all color/number/string/boolean variables, plus color, text, and effect styles—right from the file you opened.
🔍 Deep Token DetectionToken Map scans far beyond local variables. It detects:
Variables used from other librariesHardcoded values like hex colors, pixel spacing, opacity, radii, and shadowsLocal variables, styles, and deprecated tokensOverrides inside components and instancesThis gives you full visibility into everything that needs to be updated before a design system migration or cleanup.
🎯 Intelligent, High‑Confidence MappingOnce the scan completes, Token Map compares your file's tokens against the target library using a weighted scoring system⚡ Controlled, Efficient MigrationYou decide how to apply changes:
Apply mappings individuallyOverride suggestions using dropdownsTrack changes with Figma’s native undo and version history🔒 Zero Network AccessToken Map runs entirely inside Figma and does not send data anywhere.
Your designs remain private, secure, and local.
🎉 Perfect ForMigrating to a new design systemMoving from local styles to token‑based systemsCleaning old or inconsistent filesReplacing hardcoded colors and spacingMulti‑brand token consolidationAuditing files for design system adoption
More import & export plugins plugins
View allhtml.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Paidby divRIOTS
Convert any website into fully editable Figma designs
Figma to HTML
by Figma2HTML
Convert Figma design to HTML
TinyImage Compressor
Paidby Hypermatic
Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma
Pitchdeck Presentation Studio
Paidby Hypermatic
Turn your Figma designs into animated slide decks or export them to PowerPoint/PDF