Back to Plugins
Component Utilities

Component Utilities

<p>Create and copy components, and replace layers with components.</p><p><br></p><h2><a href="https://ko-fi.com/yuanqing" rel="noreferrer noopener nofollow ugc" target="_blank"><strong>Fund my work on Figma plugins →</strong></a></h2><p><br></p><h2>Create Component from Layer</h2><p>Creates a Main Component from the selected layer. The selected layer then becomes an Instance of the new Main Component.</p><p><br></p><h2>Copy Component</h2><p>Creates a copy of the selected Main Component.</p><p><br></p><h2><strong>Convert Component to Frame</strong></h2><p>Convert the selected Main Component or Instance to a Frame.</p><p><br></p><h2>Replace with Component</h2><p>Opens a modal with a list of components in the document. Choose a component in the list to replace the selected layers.</p><p><br></p><h2>Reset Instance Size</h2><p>Sets the size of the selected Instances to the size of their respective Main Components.</p>

resetlayersclonemasterinstancesizecopycomponentsreplaceduplicate

Plugin Preview

Component Utilities preview

About this plugin

Create and copy components, and replace layers with components.


Fund my work on Figma plugins →


Create Component from Layer

Creates a Main Component from the selected layer. The selected layer then becomes an Instance of the new Main Component.


Copy Component

Creates a copy of the selected Main Component.


Convert Component to Frame

Convert the selected Main Component or Instance to a Frame.


Replace with Component

Opens a modal with a list of components in the document. Choose a component in the list to replace the selected layers.


Reset Instance Size

Sets the size of the selected Instances to the size of their respective Main Components.

Plugin Details

Version15
CreatedDecember 9, 2019
Last UpdatedAugust 9, 2022
Categorydesign-systems
CreatorYuan Qing Lim
Stats8565 installs, 349 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Editor Types:
    figma