TikZ Draw - Visual Editor

Visual LaTeX Diagram Editor

TikZ Draw is a visual, point-and-click editor for creating LaTeX TikZ diagrams. Instead of writing code first, you draw directly on the canvas and the tool generates clean TikZ code automatically.

Drawing Tools

• Point: Place named coordinates on the grid
• Line & Vector: Draw segments and arrows between points
• Circle & Ellipse: Draw circles with one center or ellipses with two foci
• Arc: Draw arcs with configurable start/end angles
• Rectangle & Grid: Draw rectangles and TikZ grids
• Path & Bezier: Draw multi-point paths and smooth bezier curves
• Label: Place LaTeX math labels (rendered with MathJax)
• Image: Insert images with configurable size and anchor

Features

• Smart Coordinates: Shared coordinates between objects, automatic orphan cleanup
• Multi-select: Ctrl+click or box-select multiple objects, move/rotate together
• Undo/Redo: Full state history with Ctrl+Z / Ctrl+Y
• Custom Colors: HSV color picker for adding custom TikZ colors
• Fill Patterns: 13 TikZ patterns including crosshatch, dots, bricks, stars
• Save/Load: Save projects as JSON, load them back later
• Export: Generate clean TikZ code, copy to clipboard or download as .tex

Code-first? If you prefer writing TikZ code directly, try our TikZ Viewer & Editor which renders TikZ code with real-time preview and exports to PNG/SVG/PDF.