Once you understand how components work, creating your own is a natural next step. Any group of elements can become a reusable component.

When to Create a Component

Create a component when you have a UI element you'll use more than once — a pricing card, a FAQ item, a social link, a testimonial block. If you're copy-pasting the same design repeatedly, it should be a component.

Creating a Component from Existing Elements

1. Select all the elements that should be part of the component (or select the parent frame).

2. Right-click and select "Create Component". (Or press Cmd/Ctrl + K.)

3. A purple border appears — you're now looking at an instance of the new master component.

4. Right-click → "Go to Master" to rename and organize it.

Adding Properties to Your Component

1. Enter the component master.

2. Select a text element inside. In the right panel, click the property icon (looks like two sliders) next to the text content field.

3. Name the property (e.g., "Title"). Now this text can be customized per instance.

4. Do the same for any images, colors, or booleans you want to expose.

💡 Tip: Organize your components in the Assets panel by prefixing their names: Card/Feature, Card/Testimonial, Button/Primary. This makes them much easier to find as your project grows.