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 | 5 installs, 2 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.
UI Components Kit
pre-built UI component to be used in you design from Material UI , Chakra UI , and more ...
UI Kit
Turn technical debt into design consistency.
Design System Hub – Curated Library of 150+ UX Design Systems & Figma Libraries
Design System Hub – Curated Library of 150+ UX Design Systems & Figma Libraries