Step 1: Crop the image (optional)
Step 2: Define pin row
Click the center of the first pin, then the center of the last pin in a row. Scroll to zoom.
Preview (pins on grid)
Lightweight Interactive Tracing Zone Editor
A browser-based wiring diagram tool. Import component images, draw wires, add labels — then export as PNG. No installation needed.
Designed by Max aka MakeNModify with help of Claude
| Tools | |
|---|---|
| Esc | Select mode |
| W | Wire mode |
| T | Text mode |
| L | Label mode |
| M | Move mode |
| Edit | |
| R / Shift+R | Rotate CW / CCW |
| Del | Delete selected |
| Ctrl+Z | Undo |
| Ctrl+C / Ctrl+V | Copy / Paste |
| Arrow keys | Move selection 1 grid step |
| Wire & Text | |
| F | Flip bend direction |
| Shift+↑/↓ | Wire thicker / thinner |
| Shift+↑/↓ | Text bigger / smaller (when text selected) |
| F (label) | Flip label anchor (left/right or top/bottom) |
| Double-click | Finish wire / Edit component / Edit label |
| View | |
| C | Color picker |
| G | Cycle grid subdivision |
| H | Toggle grid visibility |
| D | Dark / Light mode |
| Scroll | Zoom in / out |