MockFlow Integrations for IdeaBoard

Trello

Trello Power-up Installs MockFlow app directly to your task view as an action button

Launch MockFlow Open IdeaBoard editor from your Trello task

Attach diagrams, flowcharts, mindmaps... Visualize and export to your Trello task as image attachments

Install

Chrome extension

Install 'Extension' After installing addon, Click on the MockFlow IdeaBoard extension and log in with your MockFlow account

Select Visualization Mindmap, Flowchart, Diagram, Moodboard...

Import into Project Import visualization into your IdeaBoard project for further edits

Install

VSCode extension

Install 'Extension' After installing addon, login and describe your idea, diagram, architecture to IdeaBoard AI.

Generate Board IdeaBoard will generate the board based on the prompt

Export the image Select the diagram or section you want to export and download it to your code repo in vs code.

Install

Codex plugin

Add the plugin to Codex From your Codex terminal run codex plugin marketplace add mockflow/mockflow-codex-plugin, then codex plugin add mockflow@mockflow.

Run the bridge and pair your board Install MockFlow Bridge with npm i -g @mockflow/mockflow-bridge, start mockflow-bridge and enter the pairing code it shows into your open IdeaBoard project.

Watch Codex draw as you talk Ask for a mindmap of your repo or a flowchart of a feature and Codex draws mindmaps, wireframes, flowcharts, architectures and timelines live on your board. Local files it reads stay on your machine, and it spends no MockFlow AI credits — Codex does the thinking, IdeaBoard is the canvas.

Install

$ codex plugin marketplace add mockflow/mockflow-codex-plugin

$ codex plugin add mockflow@mockflow

> draw a mindmap of how this repo is structured

Drawing live on your IdeaBoard…

Cursor extension

Install extension Add whiteboard inside cursor with this extension

Brainstorm your project Generate flowchart, cloud architectures and diagrams

Plan with IdeaBoard Get better ideation and visual understanding of your idea before coding with cursor

Install

Claude extension

Open Claude Settings In Claude Web/Desktop, click on your profile icon and select Settings. Navigate to the Connectors section.

Add New Connector Click the "Add Connector" button to add a new MCP connector

Enter Connector Details Enter the following details: Name MockFlow IdeaBoard MCP URL https://app.mockflow.com/ideaboard/mcp

Save and Connect Click Save to add the connector. The IdeaBoard tools will now be available in your Claude conversations. Start a new chat and ask Claude to create visualizations!

Optional: Connect Your Account For permanent storage of your boards, Claude will prompt you to authorize with your MockFlow account. This saves all generated visualizations to your IdeaBoard dashboard. Without authorization, boards are created as public demo boards.

Install

MockFlow Bridge

Install and run the bridge A small program you run on your own computer. Needs Node.js 18 or newer — install it once with npm i -g @mockflow/mockflow-bridge, then start it whenever you want to use it.

Pair it with your board Run mockflow-bridge and enter the pairing code it shows into your open IdeaBoard project.

Let your own AI draw Claude Code, Codex, opencode or the built-in BridgeAI creates diagrams, wireframes, mindmaps, plans and charts on your board while you watch. It uses your AI, so it never spends your MockFlow AI credits, and any local files it reads stay on your machine.

Install

$ npm i -g @mockflow/mockflow-bridge

$ mockflow-bridge

Waiting for a board to pair…

Pairing code: MF-4Q7K

Connected — your AI can now draw on the board

Google Meet extension

Install 'Extension' Go to Add-ons and search for MockFlow IdeaBoard to install the extension

Launch MockFlow Log in with your details to connect your MockFlow workspace directly inside Google Meet.

Present, Share, and Collaborate Seamlessly in Meet Share, edit, and ideate together - all without leaving Google Meet.

Install

Atlassian Confluence

Install add-on Get MockFlow add-on from Atlassian marketplace

Launch within Confluence editor Open IdeaBoard app from the Elements / Insert menu.

Design your UI Board Create or edit your board using components, then insert or attach it directly to your Confluence page.

Install

Atlassian Jira

Start inside Jira Access IdeaBoard directly from any Jira task after installation

Visualize your ideas Create diagrams, flows and brainstorming boards using templates or AI

Attach and collaborate Embed the board directly into the task or share it as an image

Install

Microsoft Teams

Install & Add to Teams Add MockFlow IdeaBoard to your Microsoft Teams workspace as a tab or personal app.

Create & Visualize Ideas Build flowcharts, mindmaps, diagrams, and wireframes directly inside Teams without switching apps.

Share & Collaborate Pin your IdeaBoard project as a channel tab so your entire team can brainstorm and iterate together in real-time.

Install

Single Sign-On

Sign-in to MockFlow with any third party Identity Provider that supports SSO/SAML

GSuite

SSO using Google OpenID for GSuite business apps and Google accounts

Integrate

Okta

Built-in support for OKTA identity cloud, approved and verified by OKTA team

Integrate

Azure

Single Sign On with Microsoft Azure Active Directory for a seamless sign-in

Integrate

Brainstorm anywhere

Single Sign-On

GSuite

Okta

Azure

Get MockFlow

Contact form

Connect with us

OR

Sign in with SSO