Lane drawing tool — sketch lanes and intersections in the browser

此内容尚不支持你的语言。

drawtonomy is a free, browser-based whiteboard for driving scenarios. Because lanes, intersections, crosswalks, and traffic markings are first-class shapes on that canvas, the same tool also works as a free, browser-based lane drawing tool — draw, edit, and export to OpenDRIVE, Lanelet2, or SVG. No install, no account.

Drawing lanes with the Lane tool — click to drop control points, press Enter to finish.

What it is

Most drawing tools and slide editors don’t know what a lane is, so the road geometry has to be rebuilt every time something moves. drawtonomy treats lanes, intersections, and the rest of the driving-scenario vocabulary as built-in shapes. Each lane carries Next / Previous / Left / Right connections, and lanes that share a boundary share the same points — drag once, both move.

How it compares to other lane-drawing approaches

Generic drawing tools (Figma, Illustrator, PowerPoint, Excalidraw, draw.io) — flexible, but every lane is an unrelated stroke. Geometry drifts as you iterate.
JOSM with Lanelet2 plugins — a full Lanelet2 editor, OSM-style workflow. Powerful but heavy for quick figures.
Vector Map Builder (TIER IV) — TIER IV’s Lanelet2 / vector-map editor for Autoware workflows.
MathWorks RoadRunner / Truevision Designer — full HD-map editors. Use them when you need clothoid-level control and 3D.

drawtonomy is the lightweight, free, browser-only option for when you want driving-domain-aware shapes (lanes, junctions, crosswalks, traffic lights) without setting up a full HD-map tool.

When to reach for drawtonomy

You’re drawing a figure for a paper, slide, or blog post and generic drawing tools keep producing road geometry that drifts.
You want to sketch an intersection or roundabout for a design review.
You’re teaching a driving-school lesson, traffic-engineering concept, or autonomous-driving topic.
You want a driving-school lesson diagram, road safety illustration, or accident reconstruction sketch.
You want to trace lanes over a satellite background and export to Lanelet2 or OpenDRIVE.

What ships in the box

Lane shape with editable boundaries, topology-aware connections, and shared boundary points across connected lanes.
Intersections, crosswalks, traffic lights, traffic signs (including speed limits), stop lines, and road markings as templates.
Vehicles and pedestrians as first-class shapes with paths and footprints.
Satellite / roadmap background for tracing real locations.
Re-editable .drawtonomy.svg saves that reopen with every connection intact, plus PDF / EPS / PNG export.

Get started

Open drawtonomy.com.
Pick the Lane tool. Click to drop control points; press Enter to finish.
Add Next / Previous / Left / Right connections via the Attribute panel — connected boundaries snap and propagate edits.
Save as .drawtonomy.svg (re-editable) or export to OpenDRIVE, Lanelet2, PDF, or PNG.