Draw a flowchart. Get clean Mermaid markdown.
A fast, focused canvas whose output is a plain markdown file. Commit it, share it by link, or hand it to Claude to read and update, all without exporting a thing.
Free to start. Your diagrams are markdown you can take anywhere.
# Onboarding flow
```mermaid
flowchart TD
start(["Start"]) --> signin["User signs in"]
signin --> q{"New user?"}
q -->|"Yes"| profile[["Create profile"]]
q -->|"No"| dash(["Dashboard"])
profile --> dash
```Your diagrams are locked in a format nothing else can read.
Your agent can’t read it
To get a diagram into Claude you export a PNG, drop it in the chat, and hope it reads the boxes correctly. That costs you a round trip and a pile of tokens every single time. And the agent still cannot change a thing.
It goes stale immediately
The flow changes, and updating the diagram means reopening the tool that owns it. So nobody does. Six weeks later the diagram is a liability and the real answer is buried in a Slack thread.
A diagram should be a file the whole team can read and write, agents included, not a picture of a decision you made once.
A canvas, a file, and a link.
That is the whole product. Everything else stays out of your way.
Fast enough to think in
Drag, connect, and label. Purpose-built node types for every step: start, user action, system action, decision, and end. Multi-select, undo and redo, copy and paste, all the muscle memory you already have.
Markdown, not a proprietary file
Every diagram is clean Mermaid markdown underneath, with stable node IDs your tools and agents can reference. What you see in the preview is byte for byte what you export.
One link, no account needed
Mint a public link and anyone with it can open the diagram, read the Mermaid or Markdown source, and download a PNG. No account required, and you can revoke access anytime.
Live Mermaid previewPNG + Markdown exportPer-node descriptionsUndo / redo historyKeyboard-first node creationMulti-select, copy and paste
From idea to artifact in three steps.
Sketch it, or ask an agent to
Drop in nodes and connect them yourself, or describe the flow to a connected agent and let it draw the first pass.
Get Mermaid markdown for free
Your diagram is already a clean, version-controllable markdown file. Copy it, commit it, or export it.
Hand it to your team and your agents
Share a public link, drop the markdown in a PR, or hand the file straight to an agent.
Ask an agent to draw it, and it does.
Product Pillars runs a hosted MCP server, so Claude and other agents don't just read your diagrams: they create and edit them on the same canvas you use. Describe a flow in plain language, or point an agent at a spec or a codebase, and the diagram shows up in your workspace ready to edit by hand.
- list_diagrams
- See every diagram it has access to.
- get_diagram
- Read one back as Mermaid plus per-node detail.
- create_diagram
- Start a brand new diagram in your workspace.
- edit_diagram
- Add, move, relabel, and connect nodes and edges.
No API key to paste. You approve the connection once, and the agent is bounded by your own access.
I'll create a diagram and lay out the steps.
create_diagram(name: "Signup flow")
edit_diagram(5 nodes, 5 edges)
Done: it's on your canvas as Signup flow.
Common questions
- What is Product Pillars?
- Product Pillars is a canvas-based flowchart editor that saves every diagram as Mermaid markdown. You draw the diagram visually, and the underlying file stays plain text you can commit to a repo, paste into a doc, or hand to an AI agent.
- Can AI agents read and edit my diagrams?
- Yes. Product Pillars runs a hosted MCP server, so Claude and other MCP-compatible agents can list, read, create, and edit your diagrams directly. There is no PNG export step, and no screenshot for the model to interpret.
- How do I connect Claude to Product Pillars?
- In Claude web, desktop, or mobile, go to Settings, then Connectors, then Add custom connector, and paste the MCP URL from your Product Pillars settings page. In Claude Code, run a single terminal command. You approve the connection once and no API key is required.
- What file format do the diagrams use?
- Every diagram is a markdown file containing a fenced Mermaid flowchart block. Because Mermaid renders natively on GitHub, GitLab, Notion, and most documentation tools, the exported file displays as a diagram wherever you paste it.
- Do people need an account to view a diagram I share?
- No. Sharing mints a public link that opens in any browser with no sign-up. Recipients see the rendered diagram plus the Mermaid and Markdown source, and can download a .md or .png file. You can revoke the link at any time.
- Can I export a diagram as an image?
- Yes. Any diagram exports as a PNG for slides and documents, or as a .md file when you want the source. The Mermaid you see in the preview is byte for byte what you export.
- Is Product Pillars free?
- Your first five diagrams are free, and no credit card is needed to start. After that, each new diagram uses one credit, which you can buy in the app. Every diagram is markdown you can export at any time, so there is no lock-in if you decide to leave.
- How is this different from Figma, Miro, or Lucidchart?
- Those tools store diagrams in a proprietary format that only they can open, so sharing with a tool or an AI agent means exporting an image. Product Pillars is built around a plain-text output instead, which makes each diagram readable and editable by your version control, your teammates, and your agents.
Draw your first flowchart in two minutes.
Nothing to install, and free to start. Walk away whenever you like and take every diagram with you as markdown.