EDITOR GUIDE

From the first player to the complete match plan.

Follow the guide step by step or jump directly to the function you need.

Open editor
LEVEL 1 · BASICS

Understand the editor

The editor is divided into three areas so the field always remains the focus.

01

Players & sport

Choose the sport and add players on the left.

02

The field

Arrange players and tactical elements in the center.

03

Appearance & tools

Configure jerseys, match day and tactical tools on the right.

LEVEL 2 · PLAYERS

Build your lineup

A player is created in seconds and remains easy to adjust later.

1

Enter a player

Type “Hans Wurst (7)” and press Enter or +. The jersey shows 7 while the name remains Hans Wurst.

2

Place and duplicate

Drag the jersey. A click in the A–Z list adds another copy; minus removes the most recent one.

3

Edit later

Click a name to change name or number. Click the empty field to finish editing.

4

Adjust appearance

Choose two jersey colors and change name and jersey sizes under Appearance.

Example: a simple lineup
Drag the jerseyClick the name to edit
LEVEL 3 · TACTICS

Make the game idea visible

Tactics mode adds a second team and sport-specific planning tools.

1

Arrows and runs

Use a straight arrow, dashed run, curved run or zigzag. Drag the endpoints to change length and direction.

2

Shape curved runs

Drag the middle handle of a curved run to control how strongly it bends.

3

Mark spaces

Rectangles and circles highlight spaces. Move and resize both freely.

4

Ball and set pieces

Each sport has its own ball. Corner and free-kick presets provide a quick starting point.

Example: run into a target zone
Zones can be resizedThe middle handle changes the curve
LEVEL 4 · PRECISION

Work precisely with groups and layers

The advanced controls make larger plans faster without cluttering the interface.

Select several elements

Hold Ctrl or Cmd while clicking players. Move the selection together by dragging or using the arrow keys.

Use five layers

Page Up brings selected elements forward, Page Down sends them backward. There are five deliberately limited layers.

Delete safely

Delete removes the current selection. During dragging, the small trash target appears in the lower-left corner of the field.

Fine positioning

Arrow keys move selected elements in small steps; hold Shift for larger steps.

LEVEL 5 · MATCH DAY

Turn a lineup into a match-day graphic

Optional elements add all the information the team needs without taking space when disabled.

01

Choose a scoreboard

Select Classic Stadium, Chalkboard or Vintage Ticket. “None” hides the board completely.

02

Add times

Date, meeting and kickoff inputs appear only when a scoreboard is selected.

03

Fill the reserve bench

Enable the bench and drag a field player onto the target at the lower right. Drag them back to return, or use the hover delete icon.

LEVEL 6 · KEEP & SHARE

Save locally, export anywhere

Your plans stay in the browser until you deliberately export or share them.

⌘S

Save in the browser

Give the lineup a title and click Save. It appears with a preview under My lineups. Changes are protected by an unsaved-changes dialog.

PNG

PNG and SVG

PNG is available in three sizes for messages and social media. SVG remains sharp at any size.

PDF

Print and PDF

The ink-saving print view combines title, date and notes. A legend appears only when tactical elements exist.

{ }

JSON backup

Export JSON for an editable backup and import it later—even in another browser or on another device.

Share

On supported HTTPS devices, hand an image or JSON directly to WhatsApp and other apps. Otherwise the file downloads.

Presentation mode

Show the board fullscreen without toolbars for a team meeting or dressing-room screen.

LEVEL 7 · SHORTCUTS

The quickest route through the editor

Keyboard controls work when no text field is currently being edited.

EnterAdd the entered player
Ctrl / Cmd + SSave the current lineup
Move selected elements precisely
Shift + ArrowMove in larger steps
Ctrl / Cmd + ClickAdd a player to the selection
Page Up / DownMove selection between layers
DeleteDelete all selected elements
EscClose dialogs or presentation mode
WHEN SOMETHING IS UNCLEAR

Common questions

Where are my saved lineups?

They are saved only in the browser and profile you used. Private mode, another device or cleared website data has a separate empty library.

When does the unsaved warning appear?

It appears before switching sport or opening another page when the current lineup contains unsaved content. A completely empty board does not trigger it.

Why does Share download a file?

Direct sharing requires HTTPS and browser support for the Web Share API. Downloading is the safe fallback when either is unavailable.

READY FOR KICKOFF?

Build your next lineup now.

Start simple. Every tactical detail can be added later.

Open editor