Back to Plugins
Componentizer

Componentizer

<h2><strong>Magically turn frames into components.</strong></h2><p><br></p><p>Clean up those messy design files with a single click. Componentizer automatically matches similar layers and converts them to components for you. Here's how it works:</p><p><br></p><p><strong>Finds Matching Frames</strong></p><p>Automatically runs through your entire document to find frames matching your selection. Or have it process every frame in the document.</p><p><br></p><p><strong>Creates and Swaps for Component Instances</strong></p><p>Creates a component and swaps out all matching frames for instances of it.</p><p><br></p><p><strong>Applies Overrides</strong></p><p>Reduces the number of components needed by finding those that could be recreated by applying overrides to similar components.</p><p><br></p><p>Learn more at <a href="http://componentizer.design" rel="noreferrer noopener nofollow ugc" target="_blank">http://componentizer.design</a>.</p>

libraryconvertsystemswapframedesign_systemcomponentsautomatecode-generators

Plugin Preview

Componentizer preview

About this plugin

Magically turn frames into components.


Clean up those messy design files with a single click. Componentizer automatically matches similar layers and converts them to components for you. Here's how it works:


Finds Matching Frames

Automatically runs through your entire document to find frames matching your selection. Or have it process every frame in the document.


Creates and Swaps for Component Instances

Creates a component and swaps out all matching frames for instances of it.


Applies Overrides

Reduces the number of components needed by finding those that could be recreated by applying overrides to similar components.


Learn more at http://componentizer.design.

Plugin Details

Version2
CreatedDecember 8, 2021
Last UpdatedJanuary 4, 2022
CategorySoftware development
CreatorTom Giannattasio
Stats955 installs, 61 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma