Editing parts
Adding a part
Open the add menu
Click on the blue ”+” button at the top of the diagram editor (or press “A” while the diagram is in focus).
Not all parts are currently available through the menu. For example, MCU boards and micro-controllers such as the Arduino Nano or the ATtiny85 are missing. You can still add these parts by editing diagram.json directly.
Moving a part
Move a part by clicking on it and then dragging it with your mouse.Rotating a part
Rotate a part by clicking on it (to select it) and then pressing “R”. The part will rotate 90 degrees clockwise.Duplicating a part
Create a new copy of a part by clicking on it (to select it) and the pressing “D”. You can press “D” several times to create multiple copies of the part.Deleting a part
Delete a part by clicking on it (to select it) and then pressing the Delete button.Selecting multiple parts
Select multiple parts by clicking on the parts with the Shift key pressed. You can then move all the parts together, duplicate them (using the “D” key), or delete them using the Delete key.Copying and pasting parts
You can copy the selected part(s) by using the standard Copy keyboard shortcut (Ctrl+C or ⌘+C). If you selected multiple parts, all the wires that connect the selected parts are also copied. The parts you copied are stored in your system clipboard in a JSON format, similar to the diagram.json format. To paste the parts you copied, click on the diagram and press the standard Paste keyboard (Ctrl+V or ⌘+V).In some cases, the parts will be pasted outside of the currently visible diagram area, so you may have to zoom out in order to find them.
Editing wires
Creating a wire between two parts
Guide the wire (optional)
If you want the wire to go in a specific way, you can guide it by clicking where you want it to go.
Changing the color of a wire
The color of new wires is automatically determined by the function of the pin: wires starting from ground pins are black, 5 V pins are red, and other wires are green. You can change the color of a wire by clicking on it, and then selecting a new color for the wire. You can also use the following keyboard shortcuts to set wire colors:| Shortcut | Color |
|---|---|
| 0 | Black |
| 1 | Brown |
| 2 | Red |
| 3 | Orange |
| 4 | Gold |
| 5 | Green |
| 6 | Blue |
| 7 | Violet |
| 8 | Gray |
| 9 | White |
| C | Cyan |
| L | Limegreen |
| M | Magenta |
| P | Purple |
| Y | Yellow |
These keyboard shortcuts also work while drawing a new wire. You can also change wire colors by editing diagram.json.
Deleting a wire
Select a wire by clicking on it, and then click the trash icon on the wire (or press the Delete key). You can also delete a wire by double-clicking on it.Keyboard shortcuts
The following table summarizes the keyboard shortcuts:| Key | Function |
|---|---|
| - | Zoom out |
| + | Zoom in |
| F | Fit diagram to window (auto zoom) |
| A | Add a part |
| D | Duplicate (copy) the selected part |
| R | Rotate the selected part |
| Delete | Delete the selected part / wire |
| ? | Open documentation for the selected part |
| Escape | Cancel wire (in wiring mode) |
| G | Toggle grid and ruler display |
| Shift | Disable grid snapping while dragging |
| Alt | Fine grid snapping while dragging |
| Ctrl | Fine grid snapping while dragging |
| Ctrl+Z | Undo * |
| Ctrl+Y | Redo * |
Grid snapping
Parts and wires automatically snap to a 2.54 mm (0.1 inches) grid. The grid is invisible by default.- The Shift key temporarily disables the grid snapping and allows free movement of parts and wires.
- The Alt key or the Ctrl key temporarily toggle to fine grid snapping. The fine grid is 1.27 mm (0.05 inches) wide.
- Press “G” to toggle the display of the grid and rulers.