Guides
The four-part path takes about 15 minutes and goes from getting the code to exporting a file. The scenario guides stand on their own: open the one for the diagram you need. Every code block can be opened in the editor or copied with one click.
The path: from zero to export
Read in order, a few minutes each
- Part 1About 5 minFive-minute start: paste an AI reply, get a diagram, download itRead this first. The two modes, what each part of the editor does, the shortest route from pasting to a PNG or Word file, and how it works on a phone.
- Part 2About 4 minGetting Mermaid code that renders on the first tryHow to phrase the prompt so the reply renders straight away, naming the diagram type's keyword, asking for a single code block, what the “Copy” button in ChatGPT and Claude gives you, and how to paste it.
- Part 3About 4 minEdit, lay out and fixWhat to do once the diagram is on screen, double-click to rename a node, change direction and spacing with “Layout”, add steps and shapes in the code, read the error bar, jump to the line, use AI fix, and tidy the code with AI when you would rather not touch it.
- Part 4About 3 minExport to Word, PowerPoint and PDF, or copy to the clipboardWhich of the five formats to use, how to choose scale and transparency, what the Word and PowerPoint files contain and how to edit later, and packing several diagrams into one zip.
By scenario
Stand-alone: pick the diagram you need
- Flowcharts from an AI reply, exported to WordThe whole run from prompt to Word file, asking ChatGPT or Claude for flowchart code, pasting the reply, editing decisions and shapes, grouping by role into swimlanes, switching direction, exporting. Two ready-to-open examples.About 5 min
- Mind maps from an AI reply: mindmap syntax, indentation and exportThe prompt that makes an assistant output Mermaid mindmap code, the one-root and indentation rules, node shapes, the single error you will meet, themes with branch colours, and export to PNG, Word or PowerPoint.About 4 min
- Sequence diagrams from an AI reply: API calls and system interactionsThe prompt for sequenceDiagram code, participants and message arrows, loops and branches, notes and numbering, and the most common error, an incomplete message line.About 4 min
- Gantt charts from an AI reply: project schedules and thesis timelinesThe prompt for gantt code, date formats and sections, dependencies with after, milestones and status tags, axis labels, and turning off the today marker so exports stay stable.About 4 min
- Research roadmaps for a thesis or proposal, from template or AI, to black-and-white printHow to draw the research roadmap a proposal or dissertation asks for, phases as subgraphs, steps left to right, phases linked as groups; generating one from your own research plan; the Ink Teal theme and black-and-white printing; export to Word or SVG.About 5 min
- Free canvas: move the diagram into Excalidraw to drag, relabel and sketchWhen the canvas is the right tool, how the one-way conversion works, which diagrams split into shapes and which arrive as one picture, the tools and menu, starting from a blank canvas, where it is saved, and downloading PNG, SVG, Word, PowerPoint or .excalidraw.About 4 min
- Sharing and cloud save: send a diagram, continue on another deviceThree ways to hand a diagram to someone, a share link (content in the link, no server), a share page (short link, password, expiry, view count) and a file; signing in to save to the cloud, opening on another device, and what happens when both sides edited.About 4 min
- Round-trips with draw.io: export .drawio to keep editing, bring the code backExport a diagram as a draw.io file, double-click it in draw.io to keep editing the Mermaid, mix it with other shapes; and read the Mermaid code back out of .drawio or .drawio.svg files or pasted content.About 3 min