Component Extractor
by Ioann-Mark Kuznietsov
Extract, count, annotate, and export all components from your frames in one click
Installs
6
Likes
2
Users
53
Views
97
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.
More ui kits plugins
View allUI Kit
by Дмитрий
Turn technical debt into design consistency.
Handy Components
Paidby Arsen Kolyba
Instantly paste useful UI components like calendar, search, cards and more in Figma and FigJam
Design System Hub – Curated Library of 150+ UX Design Systems & Figma Libraries
by Uwarp
Design System Hub – Curated Library of 150+ UX Design Systems & Figma Libraries
UI Components Kit
by sleman safiah
pre-built UI component to be used in you design from Material UI , Chakra UI , and more ...