Back to Plugins
Component Key Grabber

Component Key Grabber

Persistent component tracking and single-click Key extraction across files

Plugin Preview

Component Key Grabber preview

About this plugin

Option 1: Clean & Developer-Centric (Recommended)Perfect for tools aiming at Dev Mode, Design-to-Code workflows, and technical teams.Bridge the gap between design assets and code. This plugin tracks the absolute unique identifier (Global Key) of any component or instance, no matter where it is copied, detached, or repurposed across files. Simply select any layer to instantly resolve its source component metadata, and copy the persistent unique key with a single click for seamless integration with your codebases or JSSDK mappings.Option 2: Short & Punchy (Minimalist)Great for a crisp, high-efficiency tool layout.Never lose track of your component lineage. This lightweight utility tracks down the absolute unique key of any component instance across your entire workspace. Click to detect, click to copy, and instantly map design tokens to production code.Option 3: Benefit-Driven (Value-Focused)Highlights the problem solved—eliminating "lost" component states or mismatched IDs during copy-pasting.Copying components across files often breaks local IDs, but their global truth remains. This plugin effortlessly traces any instance back to its original Component Set or state Key. Instantly inspect any selected area, unlock its unchangeable unique identity, and copy it straight to your clipboard in one tap.dev Mode, Design-to-Code, Component Tracker, Asset ID

Plugin Details

Version4
CreatedMay 26, 2026
Last UpdatedMay 28, 2026
CategoryAccessibility tools
CreatorJarvis Sun
Stats1 installs, 1 likes
PricingFree

Technical Details

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