How to Draw an Electrical Diagram Over a Floor Plan

Why electricians draw over floor plans

The most common workflow on a real job: the GC or architect sends you a PDF of the floor plan. You need to mark up where outlets, switches, panels, and fixtures go — and show the circuit runs — before submitting for permit or handing to the field.

Without dedicated software, most contractors do what one Mike Holt forum member described: "I essentially just take a screenshot of the plans from the architect and then draw up my electrical portion overlaid on that image" — using Google Drawings, which has no electrical symbols and no NEC checking.

DesignedWire gives you the same workflow with actual electrical symbols, live NEC auditing, and clean PDF export — in the browser, no install required.

Step-by-step: floor plan to finished electrical drawing

1. 1

   Export the floor plan page as a PNG

   Open the architect's PDF in any viewer. You need a single page as a PNG image — not the whole PDF.

   Mac (Preview): File → Export → Format: PNG → Resolution: 150 DPI → Save.

   Windows: Open in Chrome → Print → Save as PDF → then use Windows Photos "Print" to PNG. Or: open in Adobe Reader → Tools → Export PDF → Image → PNG.

   Any platform: Take a screenshot of the floor plan page zoomed to fill your screen. On a retina display this gives you ~150–200 effective DPI.

   Target: under 8MB, enough detail to read room labels. You don't need print-quality resolution — your electrical symbols will be crisp SVG on top regardless.

2. 2

   Open DesignedWire and activate Pro or Day Pass

   Go to designedwire.com/app. The floor plan underlay is a Pro feature. If this is a one-off job, a Day Pass ($4.99) gives you 24 hours of full Pro access — enough to finish a typical plan set.

   If you do this regularly, Pro at $59/year works out to $1.13 per week — compare that to AutoCAD Electrical at $36.54/week.

3. 3

   Drop in the floor plan PNG

   In the editor toolbar, open the actions menu (the export/share button) and choose Add floor plan. Select your PNG file from step 1.

   The image drops in centred on the canvas at 55% opacity — dimmed enough to see it clearly but not so bright it competes with your electrical symbols.

4. 4

   Adjust opacity and fit to canvas

   The underlay panel appears in the top-right corner of the editor. Two controls matter:

   Opacity slider — drag left to dim the floor plan further. 40–55% works well for most plans. If the plan has a lot of fine print, dimmer is easier to draw over.

   Fit button — zooms the canvas to the floor plan boundaries. Useful if you've panned away or your plan is large.

   The floor plan is locked — you can't accidentally drag it while drawing circuits on top.

5. 5

   Draw your electrical circuit on top

   Use the symbol sidebar or press ⌘K to search by name. Place outlets, switches, fixtures, panels — then draw wires between them.

   The NEC audit runs automatically. Breaker overload, GFCI/AFCI coverage, neutral at switch, and voltage drop are checked as you draw. Issues appear as warning badges on the relevant symbol.

   Practical tips for floor plan work:

   • Place the panel box over where it appears on the floor plan
   • Use the wire label to mark conduit runs ("2" EMT", "12/2 NM")
   • Use the text tool to annotate circuit numbers matching the panel schedule
   • Keep one circuit per colour — the default colour coding handles hot/neutral/ground automatically
6. 6

   Export to PDF or PNG

   Open the actions menu → Export PDF or Export PNG. The floor plan image is embedded beneath your electrical diagram in the output. What you see on screen is what you get in the export.

   The share link (QR code or URL) does not include the floor plan — it would make the URL too large. Use the file export for deliverables.

Practical tips from the field

Getting the floor plan scale right

DesignedWire is a schematic tool — the canvas doesn't have physical scale (no 1/4" = 1'). Your electrical symbols are placed relative to the floor plan image, not to precise coordinates. This is intentional: permit drawings for residential work rarely require exact measured placement — they require legible circuit routing and correct symbols.

If you need scaled drawings for a commercial permit, you're in AutoCAD territory. For residential permits and most light commercial work, schematic-over-floor-plan is what inspectors actually want to see.

Multi-floor buildings

Each DesignedWire diagram is one canvas. For a two-storey house, create two separate diagrams — one per floor. Use the QR share feature to send both links together, or export each floor as a separate PDF page.

When the PDF is scanned and low resolution

Scanned PDFs often export as blurry PNGs. Two options: zoom in to just the floor plan area before screenshotting (higher effective resolution), or trace the room outlines using DesignedWire's rectangle and line tools to create a clean floor plan sketch, then draw the circuit over that. It takes 10 minutes and produces a cleaner result than a blurry scan.

Sharing with the GC or inspector

Export PDF → attach to email. Most AHJs accept PDF permit drawings submitted digitally. If the inspector wants a paper copy, the PDF prints at whatever scale your paper size produces — annotate the scale in the title block using the text tool ("Not to scale — for circuit documentation only").

Alternatives and when to use them

The gap DesignedWire fills: the space between "Google Drawings screenshot hack" and "pay $1,900 for AutoCAD." For residential contractors and small commercial jobs, that gap is where most real work happens.

FAQ

• Can I draw a wiring diagram over a floor plan for free?

  The floor plan overlay is a Pro feature — activate it with a Day Pass ($4.99 for 24 hours) or Pro plan ($59/year). The diagram editor itself is free. Google Drawings lets you place a screenshot as a background image manually, but has no electrical symbols or NEC checking.

• How do I convert a PDF floor plan to PNG?

  Mac: open in Preview → File → Export → PNG at 150 DPI. Windows: open in Chrome → Print → Save as PDF, then use any free PDF-to-image converter. Or take a fullscreen screenshot of the floor plan page — on a retina/HiDPI display this gives enough resolution for most plans.

• Does the floor plan show in the exported PDF?

  Yes. PDF and PNG exports include the floor plan image beneath your electrical diagram. Share links omit it to keep the URL short — always use file export for deliverables.

• Can I use this for commercial permit drawings?

  For light commercial (small office fit-outs, retail, tenant improvements), yes — DesignedWire Pro adds commercial symbols including fire alarm, access control, and structured cabling. For large commercial or industrial projects requiring CAD-precise scaled drawings with auto-numbering and cross-references, AutoCAD Electrical is the right tool.

• What file formats does the floor plan underlay accept?

  PNG, JPG, and SVG. Maximum 8MB. PDF files are not accepted directly — export a PDF page as PNG first (instructions in step 1 above).

Related guides