Component Extractor
Extract, count, annotate, and export all components from your frames in one click
Plugin Preview
About this plugin
Component Extractor scans selected frames and lists every component instance used inside them — grouped, counted, and sorted. Perfect for design audits, QA handoff, and documentation.What it does:— Extracts all component instances from selected frames— Groups them by component with instance count, size, source (local or external library), variant properties, and description— Annotates components directly on canvas with numbered labels— Places a formatted summary table next to your frames— Exports a CSV file with all component data for spreadsheetsHow to use:Select one or more frames on canvasClick "Extract Components" — the plugin lists all components foundClick on any card to select instances on canvasUse "Annotate on canvas" to add numbered labelsUse "Place Table" to create a visual summary tableUse "Export CSV" to download component dataWorks with both local and external library components. Supports selective annotation — pick specific components to annotate or annotate all at once.
Plugin Details
| Version | 1 |
|---|---|
| Created | March 6, 2026 |
| Last Updated | March 6, 2026 |
| Category | ui-kits |
| Creator | Ioann-Mark Kuznietsov |
| Stats | 3 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 ui-kits category.