In this quick post, we’ll take you through how to duplicate a component in Figma.
Watch Video Tutorial
Duplicate component
- First, select and hold CRTL or Command + C to copy the component frame.
- Past your component with CRTL or Command + V .
At this point, you’ve created an instance of the component.
![Untitled](/wp-content/uploads/images/2021/12/01-16.png)
- Next, select the Component Instance and head to the right-hand sidebar.
![Untitled](/wp-content/uploads/images/2021/12/02-16.png)
- Go to the Instance section and hit the three dots icon.
![Untitled](/wp-content/uploads/images/2021/12/03-10.png)
- In the drop-down menu, select Detach Instance.
![Untitled](/wp-content/uploads/images/2021/12/04-9.png)
- Now, go to the center top-bar menu and hit the Create component icon.
![Untitled](/wp-content/uploads/images/2021/12/05-6.png)
- Go to the assets tap in the left-hand sidebar to preview your duplicated component.
![Untitled](/wp-content/uploads/images/2021/12/06-2.png)
Duplicate multiple component
- Select all the components you want to duplicate and hold CRTL or Command + C to copy.
- Now, hit CTRL or COMMAND + V to past.
![Untitled](/wp-content/uploads/images/2021/12/07-2.png)
For now all we’ve done is creating instances of our components.
- Next, let’s select all our Components Instances and go to the right-hand sidebar.
- Go to the Instance section and hit the three dots icon.
![Untitled](/wp-content/uploads/images/2021/12/08-1.png)
- In the drop-down menu, select Detach Instance.
![Untitled](/wp-content/uploads/images/2021/12/09-1.png)
- Now let’s create multiple components by selecting ****all the buttons frames, then head to the top-bar menu and hit the arrow besides the Create component icon.
- In the drop-down menu, select Create multiple components.
![Untitled](/wp-content/uploads/images/2021/12/10.png)
- Go to the assets tap in the left-hand sidebar to preview your duplicated component.
![Untitled](/wp-content/uploads/images/2021/12/11.png)
That’s everything about duplicating components in Figma. In the next posts we’ll cover more concerning Figma components.
Before you go
Feel free to visit our website captain-design.com where we are sharing generously, ready for commercial use Figma and HTML templates.
You’ll find three things to help you kickstart your next project’s design :