Soccer Editor
Create and edit soccer diagrams with a full object editor: players, arrows, lines, zones and text all stay selectable, editable and exportable — free in your browser.
- Free, no sign-up
- Object properties panel
- Edit any element later
- Solid & dashed styles
- PNG & SVG export
Home team
11 playersAway team
11 playersObject properties
Pick the Select tool and click any player, arrow, zone or text on the board to edit it here.
Pitch
Your board is saved automatically in this browser — no account needed.
Editing a diagram in the soccer editor
The soccer editor opens with a clean pitch and two teams — no sample clutter. From there, every element you place remains a living object you can select and re-edit.
Place and select
Draw arrows, lines, zones and text with the tools, then switch to Select and click any object — its properties appear in the panel on the right. This soccer editor is free with no sign-up.
Edit players
Select a player to change the shirt number, add a role label like LB or Winger, or delete the piece entirely. Add extra players whenever a drill needs them. The soccer editor keeps every object editable.
Edit drawings
Switch any arrow or line between solid and dashed, change text content and size, adjust freehand stroke width, or move whole objects by dragging. Nothing on the soccer editor is ever flattened.
Export the diagram
When the soccer diagram is finished, export it as a crisp PNG or an SVG vector. The image contains only the pitch and your drawing. The soccer editor stores your diagram locally.
Why an object-based soccer editor matters
Most online drawing tools flatten everything into pixels the moment you release the mouse. This soccer editor keeps every element as an object: the arrow you drew ten minutes ago is still an arrow, so switching it to dashed, moving it behind a new run, or changing its meaning takes one click instead of a redraw. That is the difference between sketching and editing — and match preparation is nothing but editing. Numbers, labels and styles change in the soccer editor.
The same principle covers players. A number 8 who becomes a number 6 in your revised plan keeps his position; you simply edit the number. A back four that shifts to a back five keeps its line; you add one player and relabel. Session to session, the soccer editor treats your diagram as a working document rather than a disposable sketch — and the browser's local save means the document is still open when you return. The soccer editor draws arrows, zones and text.
Editing also means precision. Text size can be tuned so labels never collide on a crowded penalty box. Freehand pen width is adjustable, so your circled trigger is as bold as it needs to be. Undo and redo track every edit, so experimenting with a second variation never costs you the first. Fifty undo steps protect every soccer editor session.
The soccer editor toolbox
Every tool writes objects the editor understands, which is why the properties panel always has something useful to say.
Player properties
Number, role label and delete — plus add-player for training games with different headcounts than eleven a side. The soccer editor exports PNG and SVG images.
Arrow and line styles
Solid for the primary action, dashed for the alternative. Change any drawn line's style after the fact from its properties. Set-piece routines live longer in the soccer editor.
Text size control
Three text sizes keep short calls like Press readable while longer labels like Near-post screen stay compact. The soccer editor treats diagrams as working documents.
Zone objects
Semi-transparent boxes that drag as one piece — press zones, overloads and covered space move when the plan moves. Every element on the soccer editor stays selectable.
Full history
Fifty steps of undo and redo across every edit, from player moves and label changes to deletions and redraws.
Two export formats
High-resolution PNG for screens and chat, SVG for print and web — both show the pitch and diagram only.
Diagrams the soccer editor was built for
Training exercises: lay out a 4v4 pressing wave on the half pitch, label the trigger with the text tool, circle the pressing zone, then export the diagram into the session plan. Next week, reopen the same drawing, move the gates five metres wider and re-export — an edited diagram, not a redrawn one.
Set pieces: a corner routine that changes after the scouting report is where the soccer editor earns its keep. Keep last week's six attackers, move two, relabel the delivery line, switch one run from dashed to solid and the routine is updated in ninety seconds. Export both versions and the before/after tells the adaptation story on its own.
If your work is less about editing and more about quick sketching or full-match diagrams, the related tools fit those moments better: the soccer whiteboard for freehand speed, the soccer board for simple lineups, and the football tactics guide for ready-made examples you can open and then keep editing here. One engine — the soccer editor is simply its most detailed workbench.
Soccer editor FAQ
Is this soccer editor free?
Yes — every editing feature, including object properties and both export formats, is free with no sign-up and no watermark. The editor runs entirely in your browser.
Can I change things after drawing them?
That is the point of the soccer editor. Select any arrow, line, zone or text to change its style, content or size, move it by dragging, or delete it — nothing is flattened into pixels.
Can I edit player numbers and labels?
Yes. Select a player and edit the shirt number, add a short role label such as CB, CAM or Capt, add extra players for small-sided drills, or delete the piece.
Does the soccer editor support undo?
Yes — fifty steps of undo and redo cover every edit, including object changes, text edits, deletions and player moves.
How do I export my soccer diagram?
Use Export in the toolbar to download a high-resolution PNG or a scalable SVG. The export contains only the pitch and your diagram — none of the editor interface.
Is my diagram saved?
The soccer editor saves your current diagram automatically in your browser and reloads it on your next visit. Reset from the toolbar starts a clean pitch whenever you want.
Related tactical tools
Every tool on this site shares the same board engine — pick the one that fits your next session.