Skip to workspace
PixelOkay
Electrical Wiring DesignerDesign and document circuit concepts
Local workspace
Tools
Concept documentation, not an electrical design approval.Symbols are simplified; verify protection, load calculations, earthing, wiring and local codes with a qualified professional.
PIXELOKAY / ENGINEERING DRAWING

Electrical Wiring Designer

Select symbols, connect terminals, and refine your drawing details.

0Components
0Connections
100%
Electrical drawing
Select mode · Click an item to inspect it
Ready for editingGrid 20 units · Snap on · Local-only
Quick workflow1. Add symbols2. Choose Wire and connect terminals3. Edit references and circuit IDs4. Review and export

Draw electrical wiring diagrams online

PixelOkay Electrical Wiring Designer lets you arrange and connect simplified electrical components such as switches, lights, sockets, protective devices, distribution boards and terminal blocks on a vector drawing sheet. Create general wiring illustrations or simplified single-line electrical diagrams. Edit references, circuit identifiers, conductor classifications and title-block information.

Save and export electrical concept drawings

Download SVG vectors, conceptual DXF line drawings, PNG images, CSV connection schedules, or editable PixelOkay JSON project files. Use your browser’s print dialog to print the vector sheet or save a PDF. This diagramming tool does not simulate electricity, calculate cable sizes, certify installations, or validate electrical codes. Crossing drawn lines do not imply electrical junctions.

Export your drawing

Create local files. SVG preserves the illustrated symbols. DXF uses simplified CAD primitives on layers and is not an electrical CAD netlist.

Note: exports are concept diagrams, not approved construction plans. “PDF” uses your browser’s own print/save workflow.

Local recovery copies

Browser-local backups are best effort and can be erased by browser settings. The editable JSON file is your portable copy. A restore replaces the current diagram only after confirmation.

A damaged recovery copy can still be downloaded for inspection before deleting it. Backups remain on this device and browser profile.

Working with your diagram

Draw: choose a component in the left library. Drag to reposition. Click blue terminals in Wire mode to draw a connection. To branch a line, add a junction node; crossing paths do not automatically connect.

Edit by keyboard: select a component in the canvas or use the right-hand inspector. Nudge with arrow keys; rotate via inspector. The inspector’s Connect action supports keyboard-only wiring.

Navigate: use Fit and zoom buttons, mouse wheel over the sheet, or Pan mode. Mouse pointer is not required to edit details.

Shortcuts: V select · W wire · H pan · Arrow keys move selection · Delete remove · Ctrl/Cmd+Z undo · Ctrl/Cmd+Y redo · Ctrl/Cmd+S save project · Escape cancel a wire.

Save: export the editable JSON project regularly. Browser recovery is best-effort and depends on storage permissions and limits.

Limitations: no electrical solver, protection coordination, short-circuit analysis, cable sizing, load balancing, real-world wiring instructions or jurisdictional approval.

Using Electrical Wiring Designer

Start from a template or blank drawing, place symbols and connect terminals. Label circuits, inspect drawing warnings and export the diagram or from/to wiring schedule. Keep JSON for further editing.

Symbols are original illustrations, not certified IEC/ANSI symbols. Warnings concern drawing consistency, not electrical simulation, wire sizing, protection coordination or code compliance. DXF contains simplified primitives rather than device blocks or a netlist. Browser PDF uses printing; generated diagrams are conceptual references, not approved installation instructions.

Choose a conceptual diagram, wiring list or editable drawing

Practice: review a fictional diagram template

  1. Open a template and replace its labels with fictional reference names.
  2. Inspect the connected terminals, circuit labels and drawing-consistency warnings.
  3. Save JSON before sharing a concept image or schedule.

This is an authored documentation exercise, not installation instructions or a verified electrical design.

Wiring diagram questions

Do consistency warnings validate wire sizes or electrical safety?

No. They review aspects of the entered drawing, not circuit behavior, wire sizing, protection coordination or code compliance. The diagram is a conceptual reference.

Are the symbols and DXF certified engineering assets?

No. Symbols are original illustrations rather than certified IEC/ANSI assets, and DXF is simplified linework. Keep editable JSON and review the drawing's purpose separately.

Related tools