Quickstart — draw your first lane in the browser

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

1. Open the app

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

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.

Tip

Hold Shift while drawing to bypass snap for that click.

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

Open the export menu and pick a format:

• PNG / SVG / PDF — share as a flat image.
• drawtonomy.svg — saves every connection so you (or a teammate) can re-open and keep editing later.
• Export for esmini — a zip with OpenDRIVE + OpenSCENARIO ready to play in esmini.

Export your scene covers the formats in detail.

What next?

• A longer lesson: Your first three lanes.
• The how-to guides for specific jobs — generating lanes from a satellite map, importing a Lanelet2 file, and so on.
• For extension developers: Extending drawtonomy.