What Are the Three Ways of Creating a Component in Figma?

Figma is a powerful design tool that allows users to create a variety of components quickly and effectively. Components are the building blocks of Figma, allowing users to quickly create complex designs without having to start from scratch. There are three different ways of creating components in Figma: creating from scratch, duplicating existing components, and creating from an imported file.

Creating from Scratch

Creating a component from scratch is the most basic way of creating a component in Figma. By selecting the ‘Create Component’ option in the left-hand menu, users can create their own custom component by adding shapes, text, images, and other elements to the canvas. This method is great for creating components that are unique and tailored to specific projects.

Duplicating Existing Components

Duplicating existing components is another effective way of creating new components in Figma. This will allow users to quickly create variations on an existing component or take an existing design and adjust it for a different purpose.

To do this, users simply need to right-click on the component they want to duplicate and select ‘Duplicate Component’. This will create an identical copy of the component which can then be edited as needed.

Creating From an Imported File

The third method for creating components in Figma is by importing a file such as an SVG or PSD. This allows users to quickly upload their files into Figma and use them as components without having to recreate them manually. To import a file into Figma simply go to File > Import > Select File and then choose your desired file type.


There are three ways of creating components in Figma – creating from scratch, duplicating existing components, and creating from an imported file. Each method has its own advantages and disadvantages so it’s important to consider which one best fits your needs before getting started with your project.