Log in
AnnotatePro Power-Up for Trello

Annotate images and share in Trello.

AnnotateProAdd the AnnotatePro Power-Up to your Trello board.

Follow the steps below to draw and attach annotated images in Trello.

Enable the AnnotatePro Power-Up.

Click the Power-Ups button in your Trello board to enable AnnotatePro for that board.

Enabling the AnnotatePro Power-Up in Trello

Open AnnotatePro editor.

The first time the editor opens, it asks you to connect your MockFlow account with Trello. If you do not have a MockFlow account, sign up for a free Basic plan in the same dialog and connect to the editor.

Also it might ask for authorization from Trello to grant permissions. This is a required step.

Connecting MockFlow to Trello

Create new annotation.

Upload a new image to annotate or open one of your existing projects.

AnnotatePro editor opened from Trello

Attach annotated image back to Trello card.

After annotation, you can directly attach the annotated image back to the same Trello card.

An image attached to a Trello card

Your annotated images stay in MockFlow.

The annotated images you create are also available in your MockFlow.com account for later editing and collaboration.

AnnotatePro projects in a MockFlow account
Get started

Add AnnotatePro to Trello.

Enable the Power-Up on your board and attach annotated images to any card.

Support

Learn how to use the AnnotatePro editor in the support portal, or contact us at support@mockflow.com.

MCPBrainstorm with MockFlow MCP

Add MockFlow as an MCP connector in Claude, Cursor, or any MCP-compatible AI assistant to generate flowcharts, mindmaps, architecture diagrams, and 16 types of visualizations.

Desktop App MCP Powerful
CLI Web MCP Developer
Loginless Web MCP Easiest

Built into the MockFlow Desktop App. AI creates visuals directly on your open canvas — no URLs, no waiting.

1
Open Desktop App → open a MockFlow project
2
In Claude Code / Cursor, run:
claude mcp add --transport http -s user mockflow-ideaboard http://localhost:21193/mcp
3
Ask: "Create a flowchart for..."

Best for: Designers, product teams, daily MockFlow users.

Download Desktop App →

Install from npm, log in via browser (OAuth), and boards are saved to your MockFlow account.

1
npm install -g @mockflow/ideaboard-mcp
2
mockflow-ideaboard-mcp login
3
mockflow-ideaboard-mcp

Best for: Developers using Claude Code, Cursor, or VS Code Copilot.

npm Package →

Add MockFlow as a connector in Claude.ai or ChatGPT. No installation, no account required. A new board is created and you get a shareable URL.

1
Open Claude.ai → Settings → Connectors
2
Paste this URL: https://app.mockflow.com/ideaboard/mcp
3
Ask Claude to create a flowchart — done!

Best for: Managers, marketers, anyone using Claude.ai or ChatGPT in the browser.

Welcome back

Don't have an account? Sign up

Faster ways in

Sign in with an account you already use.