Component Key Grabber
Persistent component tracking and single-click Key extraction across files
Plugin 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
| Version | 4 |
|---|---|
| Created | May 26, 2026 |
| Last Updated | May 28, 2026 |
| Category | Accessibility tools |
| Creator | Jarvis Sun |
| Stats | 1 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.