Import existing TikZ into DrawFig and keep editing

Published: 2026-05-26 Category: Tutorial / LaTeX figures Reading time: ~8 min Tags: TikZ import, drawfig, TikZ tools, academic figures, LaTeX figures

---

You already have compilable TikZ but want to drag nodes, change arrows, try layouts without tweaking coordinates line by line in .tex? DrawFig supports reverse TikZ import: paste tikzpicture code into the editor, get editable canvas geometry, then Export → TikZ back into LaTeX. This is the mirror of “draw from scratch → export TikZ” — a import ↔ export loop for:

• Figures that are painful to adjust in Overleaf;
• TikZ snippets from advisors or collaborators (structure or colour changes);
• Half hand-written code — finish the rest by dragging.

Stuck on compile errors? Start with TikZ compile failures — 7 categories

---

1 — Where to open “Import TikZ”

Open the DrawFig editor, then either:

Method	Action
Menu	File → Export submenu → Import from TikZ code…
Menu	File → Export submenu → TikZ file… (pick .tex / .tikz / .txt)
Shortcut	Ctrl + Shift + I (Mac: ⌘ + Shift + I)

Paste code in the dialog and click Import. Pricing: TikZ import costs 5 credits per use (sign-in required). Canvas editing and SVG/PNG/PDF export remain free without sign-in. TikZ export is 3 credits/use; AI canvas is 5 credits/use; 30 credits granted daily (accumulate). Full rules: Pricing & credits.

---

2 — Recommended steps

2.1 Prepare code to paste

Copy the full tikzpicture from your paper, for example:

\begin{tikzpicture}
  \node[circle, draw] (A) at (0,0) {A};
  \node[circle, draw] (B) at (2,0) {B};
  \draw[->] (A) -- (B);
\end{tikzpicture}

\tikz{ ... } fragments work too; the plugin extracts the body. Best practice: paste only the figure environment — you do not need to strip \usepackage{tikz} from the preamble for import.

2.2 “Clear canvas before import”

• Checked (default): clears the default layer, then imports — good for editing one figure alone.
• Unchecked: appends on top of existing graphics — good for overlaying on a base diagram.

2.3 Edit on canvas

After import, nodes and edges behave like normal DrawFig objects:

• Drag positions, edit labels, line styles, arrows, colours;
• Arrange → Layout for layered, circular, force-directed layouts;
• Optional AI chat to add nodes.

2.4 Export TikZ again

File → Export → TikZ, copy back to Overleaf / local LaTeX. Compile once in the paper for a final check (libraries and engine must match the main document).

---

3 — What import supports (set expectations)

The importer targets the same common subset as DrawFig TikZ export, plus many patterns from the tikz.dev tutorials:

• \node, \draw, \path, \coordinate
• Cartesian / polar coords, ++, |-, |
• circle, rectangle, ellipse, arc, grid
• Arrows ->, <->, >=, etc.
• Simple \foreach, merged scope options
• Basic line widths, dashed styles

Incomplete or approximated:

Construct	Behaviour
\clip	Clipping ignored
\shade, complex gradients	Approximated as fill
graphdrawing / \usegdlibrary	Auto-layout not restored — re-layout manually or with DrawFig
tikz-cd, custom macros	Import pure geometry only

If import fails: keep only \begin{tikzpicture}...\end{tikzpicture}; remove \def custom commands; or sketch in DrawFig and export.

---

4 — Typical scenarios

A — Compiles in Overleaf, but coordinates are tedious

1. Copy tikzpicture from Overleaf → DrawFig Import from TikZ code
2. Drag to adjust → Export TikZ → paste back
3. Recompile (see Overleaf 5-step checklist)

B — Hand-written TikZ won't compile — preview structure first

Import does not require LaTeX to compile first — if syntax is in the supported subset, you can see the structure on canvas. Still fix syntax before exporting, or you may break the paper again.

C — Combine with draw-from-scratch

Direction	Best for
Draw → export	No existing code
Import → edit → export	Existing TikZ / collaborator draft
Export → hand-edit .tex → import again	Iterate between code and canvas

---

5 — Import vs export menu map

Feature	Menu path	Direction
Import TikZ	File → Export → Import from TikZ code…	code → canvas
TikZ file	File → Export → TikZ file…	read .tex file
Export TikZ	File → Export → TikZ	canvas → code

---

6 — Summary

• Yes — paste existing TikZ into DrawFig, edit visually, export back to your paper.
• Entry: File → Export → Import from TikZ code…, or Ctrl+Shift+I.
• Closes the loop with AI drawing, graph layouts, and TikZ export.

👉 Open the editor and try import · FAQ: TikZ import · Full five-step workflow