# Creating a custom diagram

### Creating a new diagram

To create a custom diagram, click on "**Diagram Editor**" on main menu and then click "**Create**".

<figure><img src="https://2718133043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2UzeMjUGHvOZRX1jMiVc%2Fuploads%2FmsquTYNnKmcmyTrTUTyf%2Fcreate%20diagram.jpg?alt=media&#x26;token=75e0eb24-9ae9-4e56-8b11-02233c16d801" alt=""><figcaption></figcaption></figure>

Then give your diagram a name and click "**Create**".

<figure><img src="https://2718133043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2UzeMjUGHvOZRX1jMiVc%2Fuploads%2Fi2Pfr4iAkPvTPHW8bW7C%2Fdiagram%20editor%20name.JPG?alt=media&#x26;token=39ab58d4-9bfa-4913-8fb6-f872cbc1f810" alt=""><figcaption></figcaption></figure>

### Add link groups into diagram

To place new link groups, just drag and drop groups from groups list into diagram area.

<figure><img src="https://2718133043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2UzeMjUGHvOZRX1jMiVc%2Fuploads%2FQ8cqMjFBFZOluiuL8JLY%2Fdiagram%20editor%20drag%20and%20drop.jpg?alt=media&#x26;token=fd4195a6-c1ee-41cc-b7c6-849b42ca9285" alt=""><figcaption></figcaption></figure>

### Connecting connections between groups

To **create a link group**: drag and drop a group from link group list (3) into diagram area (2).

To **create connection** between link groups:&#x20;

1. Place mouse cursor over group handle, and while keeping the mouse button down, drag and hold.&#x20;
2. You will see the connection line.&#x20;
3. While keeping mouse down, place cursor over another groups handle and release mouse button. This will create a new connection between groups.

<figure><img src="https://2718133043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2UzeMjUGHvOZRX1jMiVc%2Fuploads%2FQCY8CLVqeYchLtbdmwfr%2Fdiagram_editor%20handle.jpg?alt=media&#x26;token=b6061e51-c5e7-472a-add3-379fa4c7186d" alt=""><figcaption><p>Click on group handle</p></figcaption></figure>

<figure><img src="https://2718133043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2UzeMjUGHvOZRX1jMiVc%2Fuploads%2FikRFTRfWvkGi6juRuSIo%2Fdiagram_editor%20hangingconnection.jpg?alt=media&#x26;token=430af1be-e791-4d44-a874-217293d5c2a5" alt=""><figcaption><p>Drag and drop connection</p></figcaption></figure>

<figure><img src="https://2718133043-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2UzeMjUGHvOZRX1jMiVc%2Fuploads%2FdcxXpmfcn73o095mnNNk%2Fdiagram_editor%20new%20connection.jpg?alt=media&#x26;token=50c5db29-17f1-48e9-947d-1f9547f40c33" alt=""><figcaption><p>Place connection over other group, to create the connection</p></figcaption></figure>
