TikZ Drawer guide

Create a TikZ diagram from start to finish

Start from code, a blank canvas or an AI prompt. Refine the figure, export it to LaTeX and come back whenever it needs another pass.

Choose how to start

  • Option 1

    Import existing code

    Paste TikZ or open a LaTeX file to continue from an existing figure.

  • Option 2

    Draw on the canvas

    Place shapes, text and connectors directly with the editor tools.

  • Option 3

    Describe it to the AI

    Ask for a first draft, review the proposal and apply only the changes you want.

Turn the draft into a clear figure

  • Step 1

    Select and transform

    Move, resize, rotate, duplicate and group the parts of the diagram.

  • Step 2

    Align and connect

    Use snapping, distribution and connectors to make the structure easy to follow.

  • Step 3

    Style and label

    Adjust stroke, fill, arrows and text without rewriting coordinates by hand.

  • Step 4

    Check the source

    Preview the generated TikZ before moving it into the document.

Export it to LaTeX

  • Step 1

    Export TikZ

    Choose a snippet, figure environment or standalone document.

  • Step 2

    Paste it into Overleaf

    Add the required packages and place the exported code in your document.

  • Step 3

    Compile and review

    Check the result beside the surrounding text, captions and references.

Paste this into your LaTeX project
\begin{tikzpicture}[node distance=1.8cm]
  \node[draw, rounded corners] (start) {Start};
  \node[draw, right of=start] (result) {Result};
  \draw[->] (start) -- (result);
\end{tikzpicture}

Edit, compile and export again

  • Step 1

    Return to the canvas

    Make the spacing, labels or structure changes revealed by the compiled page.

  • Step 2

    Export the new version

    Replace the old TikZ in your document and compile again.

Save or share the work

  • Share a link

    Create a URL that opens the diagram so another person can inspect or continue it.

  • Save a project JSON

    Keep a restorable editor file with the scene and its settings.

  • Export PNG or SVG

    Use an image when a platform cannot consume TikZ directly.