Back to Plugins
Component Extractor

Component Extractor

Extract, count, annotate, and export all components from your frames in one click

Plugin Preview

Component Extractor 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

Version1
CreatedMarch 6, 2026
Last UpdatedMarch 6, 2026
Categoryui-kits
CreatorIoann-Mark Kuznietsov
Stats3 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