Log in
AnnotatePro for Jira

Draw and post annotations in Jira.

AnnotateProAdd MockFlow AnnotatePro to your Atlassian Jira account.

Follow the below steps on how to install, draw and post annotations in Jira.

Install to JiraSupport

Install AnnotatePro add-on for Jira.

Click on the above 'Install to Jira' button to install AnnotatePro add-on to your Jira instance from Atlassian Marketplace. After installation, start free 30-day trial of AnnotatePro add-on for your team.

Install to Jira
AnnotatePro add-on in the Atlassian Marketplace

Open an issue in Jira to attach annotated image.

After installation, a new section for AnnotatePro will appear in all Jira issues automatically. This section contains the button to open the AnnotatePro editor within Jira.

The AnnotatePro section in a Jira issue

Open editor to annotate images.

On clicking the "New Annotation" button, it opens the editor within Jira. You can upload a new image to annotate or open from existing projects.

The New Annotation button in a Jira issue
The AnnotatePro editor inside Jira

Attach annotated image to your Jira issue.

After annotating the image, you can directly attach the image to the current Jira issue.

Note: The image is added to the attachments section of the issue. Reload the page to view the attachment.

Attaching an annotated image to a Jira issue

Check annotated images attached in your Jira issue.

The annotated images were posted to the attachment section of the Jira issue.

Annotated images in the Jira issue attachments
Get started

Add AnnotatePro to Jira.

Install from the Atlassian Marketplace and start a free trial for your team.

Install to JiraAll integrations
Support

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

Support portal

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.

Learn more about MockFlow MCP → Agent Skills for MCP

Welcome back

Forgot password?
Don't have an account? Sign up

Faster ways in

Sign in with an account you already use.

google logo Sign in with Google microsoft logo Sign in with Microsoft apple logo Sign in with Apple
Sign in with SSO