Skip to content
drawtonomy drawtonomy

Quickstart — draw your first lane in the browser

Five minutes from a blank canvas to an exported scene. No install.

1. Open the app

Section titled “1. Open the app”

Go to drawtonomy.com. Everything runs in the browser; nothing is uploaded.

2. Draw a lane

Section titled “2. Draw a lane”
  1. Press N, or click the Lane tool in the toolbar.
  2. Click on the canvas to place the start of the centerline, click again for the next vertex, and press Enter to finish.
  3. The left and right boundaries appear automatically.

3. Place a vehicle

Section titled “3. Place a vehicle”
  1. Press P to open the Participants tool.
  2. Pick Vehicle → Sedan and click on the lane you just drew.
  3. Drag a corner handle to resize, or use the rotation handle to align it with the lane.

4. Export the scene

Section titled “4. Export the scene”

Open the export menu and pick a format:

  • .drawtonomy.svg (drawtonomy’s native SVG format) — the default to reach for. A regular SVG file that previews in browsers, GitHub, slide decks, and Markdown out of the box, and reopens in drawtonomy with every connection, shared point, and overlap relationship intact. Save your scene as .drawtonomy.svg even if you only need a flat image today — your future self (or a teammate) will thank you when the scene needs an edit.
  • PNG / SVG (flat) / JPG / PDF / EPS — pick one of these only when you specifically need a flat, non-re-editable image.
  • Export for esmini — a zip with OpenDRIVE + OpenSCENARIO ready to play in esmini.

Export your scene covers the formats in detail.

What next?

Section titled “What next?”