TikZ Editor

WYSIWYG editor for TikZ diagrams in LaTeX

You can start from scratch or edit an existing TikZ figure, or even directly open your paper tex file to edit its images. The TikZ code gets instantly updated as you move around elements, without disturbing existing formatting such as line breaks and spaces.

The app makes fine-tuning the positions of elements easy and instant, without needing to recompile. It supports all common TikZ features including \foreach loops.

The app is free and open source (MIT licensed, code on GitHub). It works on the web or as a lightweight desktop app with some extra features.

Try it: tikz.dev/editor (opens in a new tab)

Features

• Visual canvas with drawing tools: shapes, paths, curves, freehand, Bézier, rectangles, circles, and more
• Live source editor with TikZ syntax highlighting, autocompletion, and number scrubbing
• Two-way sync: edit visually or in code — changes reflect instantly in both views
• Export to SVG, PDF, or PNG
• Import from SVG, IPE, or PPTX
• Multi-figure support for documents with multiple TikZ pictures

Desktop App

Available for macOS, Windows, and Linux with additional features:

• Native file dialogs and system clipboard integration
• AI assistant for help with TikZ
• Automatic updates

Download from tikz.dev/editor (opens in a new tab).

Getting Started

• Open the editor at tikz.dev/editor (opens in a new tab)
• Start with the example or write your own TikZ code
• Use the drawing tools in the toolbar to add and edit elements
• Export your diagram when ready