Designer Tools

The Designer toolbar is organized into collapsible tool groups. Tools within a group share a chord shortcut — press the group key, then the tool key within 2 seconds. Pressing the group key alone activates the last-used tool in that group.

Selection & Navigation

Select (V)

The default tool for selecting and manipulating objects on the canvas.

• Click to select individual objects
• Click and drag on empty canvas for area selection (rubber band)
• Drag selected objects to move them
• Shift+click to add/remove from selection
• Cmd/Ctrl+click to toggle selection

When multiple objects are selected, the Properties Panel shows shared properties you can edit in bulk.

Seat Select (V→S)

Select individual seats without selecting their parent row or table.

• Click a seat to select it directly
• Click and drag on empty canvas to batch-select seats in the area
• Shift+click to add seats to selection
• Cmd/Ctrl+click to toggle individual seats

When multiple seats are selected, the Properties Panel shows a bulk seat editor with:

• Pricing category checkboxes (indeterminate state when mixed)
• Characteristic toggles (unbookable, accessible, restricted view) with tri-state controls
• Appearance overrides (fill and stroke colors)

Use this tool when you need to change properties on specific seats — mark a group as wheelchair accessible, set custom pricing, flag restricted-view seats, or apply color overrides.

Select Similar (V→M)

Click any object to select all objects of that type across the layout. Useful for bulk operations.

• Click an object to replace selection with all objects of that type
• Shift+click to add all of that type to the current selection
• Click and drag to select all types touched by the selection box

Pan (P)

Drag the canvas to pan the view. You can also hold Space while using any other tool for temporary pan mode.

---

Placement Tools

Row of Seats (R)

Create rows of seats with a click-and-drag interface.

1. Click and drag to set the row's start and end points
2. Ghost seats preview along the row as you drag
3. Release to create the row

After creation, adjust properties in the Properties Panel:

• Seat count and spacing
• Row label (A, B, C, etc.)
• Seat labeling scheme (numeric, alphabetic, or custom)
• Curve factor for curved rows

Circular Table (T→C)

Click on the canvas to place a circular table with seats arranged around it.

Properties:

• Seat count (how many seats around the table)
• Purchase type: multiple-customer (individual seat booking) or single-customer (book the whole table)
• Pricing method: per-person or flat fee (for single-customer tables)
• Minimum occupancy (for single-customer tables)
• Seat labeling scheme

Rectangular Table (T→R)

Click on the canvas to place a rectangular table with seats arranged along its sides.

Same properties as Circular Table — seat count, purchase type, pricing method, minimum occupancy, and seat labeling.

Rectangle Area (A→R)

Click and drag to create a rectangular bookable area. Areas are spaces without individual seats — like standing sections, VIP lounges, or general admission zones.

Properties:

• Name and display label
• Purchase type: multiple-customer (general admission) or single-customer (private/VIP)
• Pricing method: per-person or flat fee
• Capacity: minimum and maximum occupancy
• Display unit (seats, standing, sofas, etc.)
• Visual properties (fill, stroke, opacity)

Circle Area (A→C)

Click and drag to create a circular bookable area. Same properties as Rectangle Area.

Polygon Area (A→P)

Click points to define a polygonal bookable area. Double-click or press Enter to finish. Press Escape to cancel.

Custom Area (A→S)

Click points to define a freeform bookable area with any shape. Double-click or press Enter to finish. Press Escape to cancel.

Rectangle (S→R)

Drag on the canvas to draw a decorative rectangle (non-bookable). Decorative shapes are for visual design — stage outlines, walls, barriers, or annotations.

Properties:

• Fill color, stroke color, and stroke width
• Corner radius
• Opacity
• Rotation
• Text overlay

Circle (S→C)

Drag on the canvas to draw a decorative circle or ellipse.

Polygon (S→P)

Click and drag to draw a regular polygon (3–20 sides). Set the number of sides in the Properties Panel. Useful for triangular stages, hexagonal spaces, octagonal structures, etc.

Custom Shape (S→S)

Click points to define a custom decorative shape. Double-click or press Enter to finish. Press Escape to cancel.

Line (S→L)

Click and drag on the canvas to draw a line.

Properties:

• Stroke style: solid, dashed, or dotted
• Stroke width
• Closed path option (connects last point to first)

To edit line vertices after creation, select the line and press Enter to enter edit mode. You can then drag individual vertices, or select a vertex and press Delete to remove it.

Text (L)

Click on the canvas to place a text label. Double-click an existing text to edit it, or use the Properties Panel.

Properties:

• Font size and color
• Bold and italic formatting
• Text alignment (left, center, right)
• Rotation and width

Icon (I)

Place venue/facility icons on the canvas for wayfinding and informational purposes. Click on the canvas to place an icon, then change the icon type in the Properties Panel.

Available icon types: Bathroom, Men's Room, Ladies' Room, Food, Cafe, Bar, Wine, Beer, Emergency Exit, Stairs, Warning, Arrow, Information, Medical, Speaker, Wheelchair, Door, Trash

Properties:

• Icon type selection
• Customizable fill color
• Size (width/height)
• Rotation
• Optional text label

Trace Image

Upload a reference image to trace over when designing your layout. No keyboard shortcut — access via the toolbar.

1. Upload an image from the toolbar
2. Adjust opacity and position
3. Lock to prevent accidental movement
4. Toggle visibility as needed

The trace image appears behind all other objects and is not visible in the Picker.

---

Edit Operations

Delete

Remove selected objects from the canvas.

Keyboard shortcut: Delete or Backspace

Deleting a row removes the row and all its seats. Deleting individual seats (via Seat Select) removes them from their parent row.

Alignment

Align 2 or more selected objects to common edges or centers. Available in the top toolbar when multiple objects are selected.

Vertical alignment (align objects along a vertical axis):

• Align Left
• Align Horizontal Centers
• Align Right

Horizontal alignment (align objects along a horizontal axis):

• Align Top
• Align Vertical Centers
• Align Bottom

Works with mixed object types and handles rotated/scaled objects correctly.

Distribution

Distribute 3 or more selected objects evenly across space. Only appears in the top toolbar when 3+ objects are selected.

• Distribute Horizontal Spacing: Equal horizontal spacing between objects
• Distribute Vertical Spacing: Equal vertical spacing between objects

The first and last objects stay in place; middle objects are redistributed evenly between them.

Z-Order (Layer Order)

Control the stacking order of objects on the canvas.

Copy, Paste & Duplicate

Undo & Redo

The undo history shows descriptive action names so you can see what each step will undo.

---

Quick Reference

See Keyboard Shortcuts for the full list including edit operations, selection modifiers, and navigation.