Componentizer
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 FramesAutomatically 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 InstancesCreates a component and swaps out all matching frames for instances of it.Applies OverridesReduces 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 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 FramesAutomatically 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 InstancesCreates a component and swaps out all matching frames for instances of it.Applies OverridesReduces 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
| Version | 2 |
|---|---|
| Created | December 8, 2021 |
| Last Updated | January 4, 2022 |
| Category | Software development |
| Creator | Tom Giannattasio |
| Stats | 1152 installs, 67 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code