Flow Diagram icon

Flow Diagram

Sequence diagrams and flowcharts, as text

Type a few lines and the diagram draws itself. Sketch with Apple Pencil and your boxes and arrows become a clean diagram. Photograph a whiteboard and Apple Intelligence turns it into text you can edit. And because it's all text, your AI coding agents can write diagrams too.

Join the Beta

Free TestFlight beta for Mac and iPad · macOS 26 / iPadOS 26 or later

Flow Diagram on the Mac: diagram text on the left, the rendered sequence diagram on the right

Diagrams you can read, diff and share

A native Mac and iPad app for the two diagrams developers draw most — kept as plain text that works with git, search and any editor.

✎

Diagrams as Text

A small, readable language for sequence diagrams and flowcharts. The preview follows every keystroke; tap a shape to jump to its line, and mistakes are listed as you type.

⇆

Sequence Diagrams

Actors, databases, queues and more; solid, dotted, async and failed messages; activations, notes and references; alt, opt, loop, par, critical, region, break, neg and group frames.

◆

Flowcharts

Ten node shapes from decisions to databases, dotted, thick and two-way connectors, nested clusters, and automatic layout in any direction.

✏️

Sketch with Apple Pencil

On iPad, draw boxes, diamonds and arrows and write labels by hand. They're recognised as you draw. Double-tap or squeeze the Pencil to erase.

📷

Import from a Picture

Turn a whiteboard photo, a screenshot or a paper sketch into an editable diagram with Apple Intelligence — processed privately with Private Cloud Compute.

📤

Open & Export Anywhere

Opens and saves Sequence Diagram (.msd) and Mermaid files. Exports SVG, PNG, PDF and editable OmniGraffle documents. Quick Look and Spotlight know your diagrams.

AI Agents

Built for your coding agents

Because every diagram is text, agents like Claude Code read and write them directly. The free fdiag command-line tool and its MCP server let them check their work, render diagrams and convert formats — and point you to a step in the open document.

🍺

Install fdiag

brew install pointbluetechnology/tap/fdiag

🔌

Connect an agent

claude mcp add fdiag -- fdiag mcp
Other agents take the same command, fdiag mcp.

✅

Validate, render, convert

fdiag validate, fdiag format, fdiag render -o out.png, fdiag convert --to mermaid, and fdiag reference for the syntax guide.

See it in action

Sketching a flowchart with Apple Pencil on iPad
iPad

Draw it, and it becomes a diagram

Boxes, ovals, diamonds and arrows are recognised as you draw, and the diagram's text stays in step beside the sketch. Tap the text to edit it, or let Apple Intelligence tidy the result.

A release pipeline flowchart in dark mode on iPad
Flowcharts

Clean layout, light or dark

Clusters, decisions and labelled branches are laid out automatically. Export to SVG, PNG or PDF, or to OmniGraffle as editable shapes and connectors.

Flow Diagram Help with live examples
Help

Every example, drawn live

Built-in Help covers every element of the format, with each example drawn by the app itself, and an Example document that uses them all.

Support

Answers to common questions. For anything else, use Report Issue at the top right of this page, the button below, or email [email protected].

Getting started

  • Open Help → Flow Diagram Help (Diagram → Flow Diagram Help on iPad) for the full guide.
  • The Example document uses every element: Help → Open Example Document on the Mac, or Example in the Flow Diagram folder on iPad.
  • Diagram → Format Text tidies the layout of your text.

Picture import & Tidy with AI

  • Need Apple Intelligence on macOS or iPadOS 27 and a network connection.
  • If the kind is wrong, pick Sequence Diagram or Flowchart at the top of the import sheet.
  • An arrow backwards? Touch and hold it (right-click on the Mac) and choose Reverse Arrow.
  • Photograph straight on and fill the frame.

Files & agents

  • Documents are plain .flow text; .msd and Mermaid files open and save too.
  • One purchase covers Mac and iPad.
  • For AI agents: brew install pointbluetechnology/tap/fdiag, then add fdiag mcp to your agent.

Join the Flow Diagram beta

Try Flow Diagram on Mac and iPad through TestFlight and tell us what you think. No account, no subscription, no tracking.

Join the Beta

macOS 26 or iPadOS 26 or later. Picture import needs Apple Intelligence on version 27.

Found a bug or have feedback?