# Wiring Diagram Maker

Making Wiring Diagrams can make it easy for us to share our designs.

### Making Wiring Diagrams

Open the Wiring Diagram Tab

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/wire11.png)

#### 1. Adding components

You can select the components here.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/wire21.png)

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/wire3.png)

**Select from library**

You can select the components from the library.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/wire4.png)

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/wire5.png)

**Upload own component**

You can upload your own hardware as an image.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/wire6.png)

#### 2. Connecting components

Each component can be rotated and its size can be changed.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/wire7.png)

Double-click on the component to create a wiring point.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/wire8.png)

Change the color to color code your connection.

Drag a line from a wiring point and connect it to another wiring point.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/wire10.png)

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/wire9.png)

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/wire111.png)

The components can be freely moved without breaking the connection.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/wire12.png)

A curved wire can be created by double-clicking on the wire and dragging the point.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/wire13.png)

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/wire14.png)