> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://knowledgebase.xtenav.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to make a Connection in X-DRAW Editor?

To create connections between products in X-DRAW Editor, follow these steps:

**1. Hover Over the Source Port:**

Move your cursor over the source port information. A green dot will appear, indicating the starting point of the connection. 

**2. Initiate the Connection:**

Click on the green dot and hold the mouse button. Drag the connection line towards the destination port.

**3. Complete the Connection:**

When you reach the destination port, another green dot will appear. Drop the connection line over this green dot to establish the connection between the two ports. Please see the video for your reference. 

![](https://storage.crisp.chat/users/helpdesk/website/e3cdae6433963000/connection_kfwgjc.gif)

### Related Article

* [How to Make Multi-Tab Connections?](https://knowledgebase.xtenav.com/en-us/article/how-to-make-multi-tab-connections-h3q1lv/?utm_source=chatgpt.com) 
* [__Connection Arrow in X-DRAW Editor__](https://knowledgebase.xtenav.com/en-us/article/connection-arrow-in-x-draw-editor-6u73p0/)