Back to Plugins
Extractor

Extractor

Components as you go

Plugin Preview

Extractor preview

About this plugin

Components as you go.As you design, systems, patterns, and components naturally emerge. With Extractor, you can select your working frames, instantly extract them to a component, and automatically replace the original selection with a component instance. Select multiple items and they all become instances of one shared component.This approach lets you focus on the details while future-proofing designs and aligning process more closely with development.Extract commandsExtract: Select one or more items to create a shared component. All selected items are replaced with instances.Extract Separately: Select multiple items to extract each as its own independent componentExtract as Variants: Select multiple frames to combine them into a single component set, each frame becoming a variantCreate Variants: Select a frame or component to generate a component set with N blank variantsComponent editingMagnetize: Bring the parent component of an instance next to where you're working for quick adjustments. **Demagnetize** places it back in its original location when you're finished.Edit Parent in Place: Swap an instance with its main component for in-context editing, then restore it when doneAccess any Extractor command using CMD + P.

Plugin Details

Version10
CreatedMay 29, 2025
Last UpdatedApril 7, 2026
CategoryFile organization plugins
CreatorRikki Mukherjee
Stats7 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none