Hoppa till innehåll
drawtonomy drawtonomy

Lane drawing tool — sketch lanes and intersections in the browser

Det här innehållet är inte tillgängligt på ditt språk än.

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

Section titled “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

Section titled “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

Section titled “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

Section titled “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

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