In this quick post, we’ll take you through how to create a simple component in Figma.
Watch Video Tutorial
Create a new component
I’ve made a basic button for this tutorial, and I’ll show you how to convert it to a component.
![Untitled](/wp-content/uploads/images/2021/12/01-15.png)
- First, let’s select the Button frame, and head to the center top-bar menu.
- Hit Create component icon to transform the button to component.
![Untitled](/wp-content/uploads/images/2021/12/02-15.png)
Figma Assets
Once our button is added as a component, head to Assets tap in the the left-hand sidebar to access the component.
![Untitled](/wp-content/uploads/images/2021/12/03-9.png)
Remove a component from Assets
To remove a component from your assets, delete your component frame, and the component will be removed automatically from the assets library.
Create multiple components
![Untitled](/wp-content/uploads/images/2021/12/04-8.png)
To create multiple components, just select 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/05-5.png)
- Go to the Assets tab in the left-hand sidebar to preview your components.
![Untitled](/wp-content/uploads/images/2021/12/06-1.png)
That’s everything about creating a component 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 :