Sponsored by Deepsite.site

MCP.so

Mockflow Ideaboard Mcp

Created By
Prabhuram Baskarana month ago
Transform your conversations into professional visualizations instantly. MockFlow IdeaBoard lets you create flowcharts, mindmaps, cloud architecture diagrams, charts, kanban boards, and more—just by describing what you need. What you can create: • Flowcharts & process diagrams • Mindmaps for brainstorming • AWS, Azure & GCP architecture diagrams • Charts (pie, bar, line, area, scatter, radar) • Data tables & spreadsheets with formulas • Interactive maps with location markers • Kanban boards for project tracking • Customer journey maps • Calendars with events • Whiteboards with sticky notes Every visualization is instantly shareable via URL and can be edited in MockFlow's visual editor. Perfect for developers documenting systems, product managers mapping user journeys, teams planning sprints, or anyone who thinks visually. No design skills needed—just describe your idea and get a polished diagram in seconds.
# mockflow
# diagrams
OverviewContentToolsComments
Content
		<link rel="canonical" href="https://mockflow.com/integrations/ideaboard/mcp/" />
		

<title>IdeaBoard MCP Server - Connect AI Assistants to Visual Brainstorming | MockFlow</title>




	<meta name="robots" content="index,follow">



<meta name="description" content="Connect Claude, Cursor, Windsurf and other AI assistants to IdeaBoard MCP server. Generate flowcharts, mindmaps, diagrams, charts and more directly from AI conversations. Free unlimited AI credits." /> 
<meta name="keywords" content="MCP server, MCP connector, Model Context Protocol, Claude MCP, IdeaBoard AI, AI visualization, flowchart generator, mindmap AI, diagram automation, Claude integration, AI brainstorming, visual AI tools" /> 



 

<script nonce="b1187a5ac78e4a9e8d4a5f8777facc52">var loginpass = false;  var mockflowUsername=null;</script>








<meta name="resource-type" content="Document" /> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name='MobileOptimized' content='320'>

<meta name="distribution" content="Global" /> 
<meta name="copyright" content="Copyright 2009-2020 A Produle Systems (P) Ltd" /> 
<meta name="author" content="Produle" /> 
<meta name="language" content="English" /> 

<link rel="shortcut icon" href="../../../images/favicon.ico" />

<link href='../../../css/external/bootstrap3.min.css' rel='stylesheet' type='text/css'> 
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Hedvig+Letters+Serif:opsz@12..24&display=swap" rel="stylesheet">	



<link rel="stylesheet" type='text/css' href="../../../css/external/fonts/calsans/calsans.css"/>
	
<link rel="stylesheet" type="text/css" href="../../../css/internal/fonticons.css"/>
<link rel="stylesheet" type="text/css" href="../../../css/external/bootstrap3.min.css"/>
<link rel="stylesheet" type="text/css" href="../../../css/internal/all-min.css?v=2026_01_23_22_17_22?v=2"/>
<link rel="stylesheet" type="text/css" href="../../../css/internal/login.css"/>
<link rel="stylesheet" type="text/css" href="../../../css/internal/menu-min.css?v=2026_01_23_22_17_22"/>
<link rel="stylesheet" type="text/css" href="../../../css/internal/integrationpage.css"/>

<link rel="stylesheet" type="text/css" href="../../../css/internal/careers-min.css?v=2026_01_23_22_17_22"/>
<link rel="stylesheet" type="text/css" href="../../../css/internal/resources.css"/>

<link rel="stylesheet" type="text/css" href="../../../css/internal/newtemplate.css"/>
<link rel="stylesheet" type="text/css" href="../../../css/internal/uikits.css"/>

<link rel="stylesheet" type="text/css" href="../../../css/internal/topmenu-min.css?v=2026_01_23_22_17_22?v=3"/>



<link rel="stylesheet" type="text/css" href="../../../css/internal/footer-min.css?v=2026_01_23_22_17_22?v=2"/>
<link rel="stylesheet" type="text/css" href="../../../css/internal/mida-min.css?v=2026_01_23_22_17_22?v=2"/>


<script src="https://www.google.com/recaptcha/api.js?render=6LdeFfoUAAAAABu_hu_bZN-nbcSoSYaV8zRg0iKX"></script>

		
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="../../../js/internal/mfscript-min.js?v=2026_01_23_22_17_22"></script>
<script src="../../../js/external/bootstrap-3.4.1.min.js"></script>
<script src="../../../js/internal/common-min.js?v=2026_01_23_22_17_22"></script>
<script src="../../../js/external/jquery.redirect.js"></script>

<script src='/dwr/engine.js'></script>
<script src='/dwr/util.js'></script>
<script src='/dwr/interface/MF_AccountManagerSite.js'></script>
<script src='/dwr/interface/MF_AuthenticationSite.js'></script>
<script src='/dwr/interface/MF_SubscriptionManager.js'></script>
<script src='/dwr/interface/MF_DashboardTemplateManager.js'></script>


<script nonce="58a9e22be42e4f148a8928c46e258769">var rjpath = '../../../';</script>


<!-- Bootstarp icon: -->

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css">





<meta property="og:type" content="website">
<meta property="og:title" content="IdeaBoard MCP Server - Connect AI Assistants to Visual Brainstorming | MockFlow

"> 

<meta property="og:image" content="https://mockflow.com/integrations/ideaboard/mcp/images/mcp-og-image.png

">

<header class="mfpageHeader">
<div class="mfPageHead" style="position:absolute; width:100%; z-index:213;background-color:#fff;">
	

</div>

	<!-- header -->
	
	

	
  		
		
	
	
	

	

				<h1 class="mfMCPHeading">IdeaBoard MCP Server</h1>
				<p class="mfMCPSubheading">Add IdeaBoard as an MCP connector in Claude, Cursor, or any MCP-compatible AI assistant to generate flowcharts, mindmaps, architecture diagrams, and more.</p>

				<div class="mfMCPUrlBox">
					<div class="mfMCPUrlValue" id="mcpUrlCopy" data-url="https://app.mockflow.com/ideaboard/mcp">
						<code>https://app.mockflow.com/ideaboard/mcp</code>
						<span class="mfMCPUrlCopyBtn">
							<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="9" y="9" width="13" height="13" rx="2" stroke="currentColor" stroke-width="2"/><path d="M5 15H4C2.89543 15 2 14.1046 2 13V4C2 2.89543 2.89543 2 4 2H13C14.1046 2 15 2.89543 15 4V5" stroke="currentColor" stroke-width="2"/></svg>
							Copy
						</span>
					</div>
				</div>

				<div class="mfMCPCTA">
					<a href="#setup-claude" class="mfMCPPrimaryBtn">Setup in Claude</a>
					<a href="#setup-other" class="mfMCPSecondaryBtn">Other MCP Clients</a>
				</div>
			</div>
		</div>
	</div>
</div>

12 Powerful Visualization Tools

Generate professional diagrams and visualizations directly from your AI conversations

	<div class="mfMCPToolsGrid">
		<div class="mfMCPToolCard">
			<div class="mfMCPToolIcon">
				<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-workflow-icon lucide-workflow"><rect width="8" height="8" x="3" y="3" rx="2"/><path d="M7 11v4a2 2 0 0 0 2 2h4"/><rect width="8" height="8" x="13" y="13" rx="2"/></svg>
			</div>
			<h3 class="mfMCPToolTitle">Flowcharts</h3>
			<p class="mfMCPToolDesc">Process flows, decision trees, and workflow diagrams</p>
		</div>

		<div class="mfMCPToolCard">
			<div class="mfMCPToolIcon">
				<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M15 6a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M15 18a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M8.7 10.7l6.6 -3.4" /><path d="M8.7 13.3l6.6 3.4" /></svg>
			</div>
			<h3 class="mfMCPToolTitle">Mindmaps</h3>
			<p class="mfMCPToolDesc">Brainstorming and idea organization with hierarchical nodes</p>
		</div>

		<div class="mfMCPToolCard">
			<div class="mfMCPToolIcon">
				<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-cloud"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6.657 18c-2.572 0 -4.657 -2.007 -4.657 -4.483c0 -2.475 2.085 -4.482 4.657 -4.482c.393 -1.762 1.794 -3.2 3.675 -3.773c1.88 -.572 3.956 -.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486c0 1.927 -1.551 3.487 -3.465 3.487h-11.878" /></svg>
			</div>
			<h3 class="mfMCPToolTitle">Cloud Architecture</h3>
			<p class="mfMCPToolDesc">AWS, Azure, and GCP architecture diagrams</p>
		</div>

		<div class="mfMCPToolCard">
			<div class="mfMCPToolIcon">
				<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-chart-pie"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 3.2a9 9 0 1 0 10.8 10.8a1 1 0 0 0 -1 -1h-6.8a2 2 0 0 1 -2 -2v-7a.9 .9 0 0 0 -1 -.8" /><path d="M15 3.5a9 9 0 0 1 5.5 5.5h-4.5a1 1 0 0 1 -1 -1v-4.5" /></svg>
			</div>
			<h3 class="mfMCPToolTitle">Charts</h3>
			<p class="mfMCPToolDesc">Pie, Bar, Line, Area, Scatter, Bubble, and Radar charts</p>
		</div>

		<div class="mfMCPToolCard">
			<div class="mfMCPToolIcon">
				<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-table"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14" /><path d="M3 10h18" /><path d="M10 3v18" /></svg>
			</div>
			<h3 class="mfMCPToolTitle">Tables</h3>
			<p class="mfMCPToolDesc">Data tables with formatting and styling</p>
		</div>

		<div class="mfMCPToolCard">
			<div class="mfMCPToolIcon">
				<svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path d="M14 2H6C4.89543 2 4 2.89543 4 4V20C4 21.1046 4.89543 22 6 22H18C19.1046 22 20 21.1046 20 20V8L14 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
					<path d="M14 2V8H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
					<path d="M8 13H16M8 17H12" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
				</svg>
			</div>
			<h3 class="mfMCPToolTitle">Documents</h3>
			<p class="mfMCPToolDesc">Rich-text documents with formatting</p>
		</div>

		<div class="mfMCPToolCard">
			<div class="mfMCPToolIcon">
				<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-map"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7l6 -3l6 3l6 -3v13l-6 3l-6 -3l-6 3v-13" /><path d="M9 4v13" /><path d="M15 7v13" /></svg>
			</div>
			<h3 class="mfMCPToolTitle">Maps</h3>
			<p class="mfMCPToolDesc">Interactive maps with location markers</p>
		</div>

		<div class="mfMCPToolCard">
			<div class="mfMCPToolIcon">
				<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-spreadsheet-icon lucide-file-spreadsheet"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"/><path d="M14 2v5a1 1 0 0 0 1 1h5"/><path d="M8 13h2"/><path d="M14 13h2"/><path d="M8 17h2"/><path d="M14 17h2"/></svg>
			</div>
			<h3 class="mfMCPToolTitle">Spreadsheets</h3>
			<p class="mfMCPToolDesc">Spreadsheets with formulas and calculations</p>
		</div>

		<div class="mfMCPToolCard">
			<div class="mfMCPToolIcon">
				<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-chalkboard"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 19h-3a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v11a1 1 0 0 1 -1 1" /><path d="M11 17a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v1a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -1" /></svg>
			</div>
			<h3 class="mfMCPToolTitle">Whiteboards</h3>
			<p class="mfMCPToolDesc">Whiteboards with sticky notes for brainstorming</p>
		</div>

		<div class="mfMCPToolCard">
			<div class="mfMCPToolIcon">
				<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sheet-icon lucide-sheet"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><line x1="3" x2="21" y1="9" y2="9"/><line x1="3" x2="21" y1="15" y2="15"/><line x1="9" x2="9" y1="9" y2="21"/><line x1="15" x2="15" y1="9" y2="21"/></svg>
			</div>
			<h3 class="mfMCPToolTitle">Customer Journey</h3>
			<p class="mfMCPToolDesc">Customer journey maps with stages and touchpoints</p>
		</div>

		<div class="mfMCPToolCard">
			<div class="mfMCPToolIcon">
				<svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<rect x="2" y="3" width="6" height="18" rx="1" stroke="currentColor" stroke-width="2"></rect>
					<rect x="9" y="3" width="6" height="18" rx="1" stroke="currentColor" stroke-width="2"></rect>
					<rect x="16" y="3" width="6" height="18" rx="1" stroke="currentColor" stroke-width="2"></rect>
				</svg>
			</div>
			<h3 class="mfMCPToolTitle">Kanban Boards</h3>
			<p class="mfMCPToolDesc">Project management boards with columns and cards</p>
		</div>

		<div class="mfMCPToolCard">
			<div class="mfMCPToolIcon">
				<svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<rect x="3" y="4" width="18" height="18" rx="2" stroke="currentColor" stroke-width="2"></rect>
					<path d="M16 2V6M8 2V6M3 10H21" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
				</svg>
			</div>
			<h3 class="mfMCPToolTitle">Calendars</h3>
			<p class="mfMCPToolDesc">Calendar views with events and scheduling</p>
		</div>
	</div>
</div>

Setup in Claude

Connect IdeaBoard to Claude in just a few steps

	<div class="mfMCPSetupWrapper">
		<div class="mfMCPSetupSteps">
			<div class="mfMCPSetupStep">
				<div class="mfMCPStepNumber">1</div>
				<div class="mfMCPStepContent">
					<h3 class="mfMCPStepTitle">Open Claude Settings</h3>
					<p class="mfMCPStepDesc">In Claude Web/Desktop, click on your profile icon and select <strong>Settings</strong>. Navigate to the <strong>Connectors</strong> section.</p>
				</div>
			</div>

			<div class="mfMCPSetupStep">
				<div class="mfMCPStepNumber">2</div>
				<div class="mfMCPStepContent">
					<h3 class="mfMCPStepTitle">Add New Connector</h3>
					<p class="mfMCPStepDesc">Click the <strong>"Add Connector"</strong> button to add a new MCP connector.</p>
				</div>
			</div>

			<div class="mfMCPSetupStep">
				<div class="mfMCPStepNumber">3</div>
				<div class="mfMCPStepContent">
					<h3 class="mfMCPStepTitle">Enter Connector Details</h3>
					<p class="mfMCPStepDesc">Enter the following details:</p>
					<div class="mfMCPCodeBlock">
						<div class="mfMCPCodeLabel">Name</div>
						<code>MockFlow IdeaBoard</code>
					</div>
					<div class="mfMCPCodeBlock">
						<div class="mfMCPCodeLabel">MCP URL</div>
						<code class="mfMCPCodeCopy" data-url="https://app.mockflow.com/ideaboard/mcp">https://app.mockflow.com/ideaboard/mcp <span class="mfMCPCopyIcon"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="9" y="9" width="13" height="13" rx="2" stroke="currentColor" stroke-width="2"/><path d="M5 15H4C2.89543 15 2 14.1046 2 13V4C2 2.89543 2.89543 2 4 2H13C14.1046 2 15 2.89543 15 4V5" stroke="currentColor" stroke-width="2"/></svg></span></code>
					</div>
				</div>
			</div>

			<div class="mfMCPSetupStep">
				<div class="mfMCPStepNumber">4</div>
				<div class="mfMCPStepContent">
					<h3 class="mfMCPStepTitle">Save and Connect</h3>
					<p class="mfMCPStepDesc">Click <strong>Save</strong> 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!</p>
				</div>
			</div>

			<div class="mfMCPSetupStep mfMCPSetupStepOptional">
				<div class="mfMCPStepNumber">
					<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="2"/>
						<path d="M12 16V12M12 8H12.01" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
					</svg>
				</div>
				<div class="mfMCPStepContent">
					<h3 class="mfMCPStepTitle">Optional: Connect Your Account</h3>
					<p class="mfMCPStepDesc">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.</p>
				</div>
			</div>
		</div>

		<div class="mfMCPSetupImage">
			<!-- Image placeholder: Screenshot of Claude settings with MCP server configuration -->
			<!-- Size: 500x600px, Format: PNG -->
			<img src="images/claude-setup.png" alt="Claude settings showing IdeaBoard MCP server added as a connector" class="img-responsive mfMCPSetupImg" />
		</div>
	</div>

	<div class="mfMCPDocsLink">
		<a href="https://support.claude.com/en/articles/11175166-getting-started-with-custom-connectors-using-remote-mcp" target="_blank" class="mfMCPDocsBtn">
			<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M18 13V19C18 19.5304 17.7893 20.0391 17.4142 20.4142C17.0391 20.7893 16.5304 21 16 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V8C3 7.46957 3.21071 6.96086 3.58579 6.58579C3.96086 6.21071 4.46957 6 5 6H11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M15 3H21V9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M10 14L21 3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</svg>
			Read Claude MCP Documentation
		</a>
	</div>
</div>

Works with Any MCP Client

Add IdeaBoard MCP server as a connector in any application that supports the Model Context Protocol

	<div class="mfMCPClientsGrid">
		<div class="mfMCPClientCard">
			
			<h3 class="mfMCPClientName">Cursor</h3>
			<p class="mfMCPClientDesc">AI-powered code editor with MCP support. Add IdeaBoard to visualize code architecture and workflows.</p>
			<div class="mfMCPClientSetup">
				<p>Add to your <code>~/.cursor/mcp.json</code>:</p>
				<pre class="mfMCPClientCode">{

"mcpServers": { "ideaboard": { "url": "https://app.mockflow.com/ideaboard/mcp" } } } 

		<div class="mfMCPClientCard">
			
			<h3 class="mfMCPClientName">Windsurf</h3>
			<p class="mfMCPClientDesc">The AI-native IDE by Codeium. Generate diagrams while coding with IdeaBoard MCP server.</p>
			<div class="mfMCPClientSetup">
				<p>Add to your MCP configuration:</p>
				<pre class="mfMCPClientCode">{

"mcpServers": { "ideaboard": { "url": "https://app.mockflow.com/ideaboard/mcp" } } } 

		<div class="mfMCPClientCard">
			
			<h3 class="mfMCPClientName">Other MCP Clients</h3>
			<p class="mfMCPClientDesc">Any MCP-compatible client can connect using the standard configuration.</p>
			<div class="mfMCPClientSetup">
				<p>MCP Server URL:</p>
				<pre class="mfMCPClientCode">https://app.mockflow.com/ideaboard/mcp</pre>
				<p class="mfMCPClientNote">Protocol: Streamable HTTP with JSON-RPC 2.0</p>
			</div>
		</div>
	</div>
</div>

Why Use IdeaBoard MCP Server?

Unlimited AI Credits

Uses your AI provider's credits (Claude, Cursor, etc.) - not MockFlow credits. Virtually unlimited diagram generation.

		<div class="mfMCPBenefitCard">
			<div class="mfMCPBenefitIcon">
				<svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path d="M13 2L3 14H12L11 22L21 10H12L13 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				</svg>
			</div>
			<h3 class="mfMCPBenefitTitle">Instant Generation</h3>
			<p class="mfMCPBenefitDesc">Describe your visualization in natural language and get professional diagrams in seconds.</p>
		</div>

		<div class="mfMCPBenefitCard">
			<div class="mfMCPBenefitIcon">
				<svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path d="M11 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V20C2 20.5304 2.21071 21.0391 2.58579 21.4142C2.96086 21.7893 3.46957 22 4 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					<path d="M18.5 2.50001C18.8978 2.10219 19.4374 1.87869 20 1.87869C20.5626 1.87869 21.1022 2.10219 21.5 2.50001C21.8978 2.89784 22.1213 3.4374 22.1213 4.00001C22.1213 4.56262 21.8978 5.10219 21.5 5.50001L12 15L8 16L9 12L18.5 2.50001Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				</svg>
			</div>
			<h3 class="mfMCPBenefitTitle">Fully Editable</h3>
			<p class="mfMCPBenefitDesc">Every generated diagram opens in IdeaBoard for further editing and sharing with your team.</p>
		</div>
	</div>
</div>

Start Brainstorming Visually with AI

Add IdeaBoard MCP server as a connector in your favorite AI assistant and transform conversations into visual diagrams

Setup in Claude Try IdeaBoard Free 
<div class="container">
	<div class="row d-flex flex-wrap mf_mb_block">
		
		<div class="d-lg-block col-lg-3 col-xl-2 mf_footer_col">
			<div class="mf_footer-links">
				<div class="mf_footer-link_title mf_list-title">Products</div>
				<div class="mf_list-links" style="margin-bottom: 25px;">
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://mockflow.com/wireframepro"> WireframePro</a>
					</div>
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://mockflow.com/ideaboard"> IdeaBoard</a>
					</div>								
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://mockflow.com/ai/generate-sitemaps-with-ai/"> SiteMap tool</a>
					</div>
				</div>
			</div> 
			
			<div class="mf_footer-links">
				<div class="mf_footer-link_title mf_list-title">Free tools</div>
				<div class="mf_list-links">
				<div class="mf_footer_menu_link">
						<a data-toggle="tooltip" data-placement="top" title="Convert any webapp or website into editable Wireframe for easier iteration" class="mf_footer_menu_link_item" href="https://chromewebstore.google.com/detail/mockflow-wireframepro/ghkgfdamcfjiflldnfiollnhkdjilmde?hl=en" target="_blank">Chrome extension</a>
					</div>
					<div class="mf_footer_menu_link">
						<a data-toggle="tooltip" data-placement="top" title="Brainstorm without AI credit limitations using official extension for ChatGPT" class="mf_footer_menu_link_item" href="https://chatgpt.com/g/g-69359f625c208191bb28a24be729cd79-ideaboard-your-ai-brainstorming-companion" target="_blank">ChatGPT extension</a>
					</div>	
					<div class="mf_footer_menu_link">
						<a data-toggle="tooltip" data-placement="top" title="Brainstorm without AI credit limitations using MCP server for IdeaBoard" class="mf_footer_menu_link_item" href="https://mockflow.com/integrations/ideaboard/mcp" >MCP server</a>
					</div>
				</div> 					
			</div>
			
			
		</div>
		
		<div class="d-lg-block col-lg-3 col-xl-2 mf_footer_col" style="float: right">
			<div class="mf_footer-links">
				<div class="mf_footer-link_title mf_list-title">Platform</div>
				<div class="mf_list-links">
					
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://mockflow.com/integrations"> WireframePro apps</a>
					</div>
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://mockflow.com/integrations/ideaboard"> IdeaBoard apps</a>
					</div>	
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://mockflow.com/desktop"> Desktop apps</a>
					</div>
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://ideaboardapp.ai"> ideaboardapp.ai</a>
					</div>

				</div> 					
			</div>
		</div>
		
		
		<div class="d-lg-block col-lg-3 col-xl-2 mf_footer_col mf_footer_AI_col">
			<div class="mf_footer-links">
				<div class="mf_footer-link_title mf_list-title">MockFlow AI</div>
				<div class="mf_list-links">
				<div class="mf_footer_menu_link">
					<a class="mf_footer_menu_link_item" href="https://mockflow.com/ai">
						Brainstorm with AI</a>
				</div>
				<div class="mf_footer_menu_link">
					<a class="mf_footer_menu_link_item" href="https://mockflow.com/ai/create-wireframes-with-ai/">
						Gen wireframes with AI </a>
				</div>
				<div class="mf_footer_menu_link">
					<a class="mf_footer_menu_link_item" href="https://mockflow.com/ai/generate-sitemaps-with-ai/">
						Gen sitemaps with AI </a>
				</div>
				<div class="mf_footer_menu_link">
					<a class="mf_footer_menu_link_item" href="https://mockflow.com/ai/create-flowcharts-with-ai/">
						Gen diagrams with AI </a>
				</div>
				<div class="mf_footer_menu_link">
					<a class="mf_footer_menu_link_item" href="https://mockflow.com/ai/generate-ux-docs-with-ai/">
						Gen PRD with AI </a>
				</div>
				<div class="mf_footer_menu_link">
					<a class="mf_footer_menu_link_item" href="https://mockflow.com/ai/create-ui-content-with-ai/">
						Gen UI content with AI </a>
				</div>
			</div>
				
			</div>
		</div>
		
		<div class="d-lg-block col-lg-3 col-xl-2 mf_footer_col mf_footer_support_col">
			<div class="mf_footer-links">
				<div class="mf_footer-link_title mf_list-title">Support</div>
				<div class="mf_list-links">
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://support.mockflow.com/" >Help center </a>
					</div>
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://www.youtube.com/@mockflowvideos" target="_blank">Video tutorials </a>						
					</div>
					<div class="mf_footer_menu_link">
						<a  class="mf_footer_menu_link_item"  href="https://mockflow.com/glossary"> Glossary </a>
					</div>
					<div class="mf_footer_menu_link">
						<a  class="mf_footer_menu_link_item"  href="https://status.mockflow.com">Service status</a>
					</div>
					<div class="mf_footer_menu_link">
						<span style="cursor: pointer;" class="mf_footer_menu_link_item mfEmailContact" > Contact us </span>
					</div>
				</div>
				
			
				
				
				
			</div>
		</div>
		
		
		
		<div class="d-lg-block col-lg-3 col-xl-2 mf_footer_col">
			<div class="mf_footer-links">
				<div class="mf_footer-link_title mf_list-title">Company</div>
				<div class="mf_list-links">
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://mockflow.com/about/"> About us </a>
					</div>
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://mockflow.com/pricing"> Pricing </a>
					</div>
								
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://mockflow.com/updates/" target="_blank"> Changelog </a>
					</div>
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://mockflow.com/blog/" target="_blank">Blog </a>
					</div>
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item mf_careers_link" href="https://mockflow.com/careers"> Careers </a>
					</div>
					
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://mockflow.com/security/"> Security </a>
					</div>
					<div class="mf_footer_menu_link">
						<a  class="mf_footer_menu_link_item"  href="https://mockflow.com/sitemap"> All links</a>
					</div> 
				
					
					
				</div>
				
			</div>
		</div>
		
		
		<div class="d-lg-block col-lg-3 col-xl-2 mf_footer_col">
			<div class="mf_footer-links">
				<div class="mf_footer-link_title mf_list-title">Resources</div>
				<div class="mf_list-links">
					<div class="mf_footer_menu_link">
						<a  class="mf_footer_menu_link_item" href="https://mockflow.com/templates">Templates
						</a>
					</div> 
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://mockflow.com/uikits"> UI kits </a>
					</div>
					
					<div class="mf_footer_menu_link">
						<a  class="mf_footer_menu_link_item" href="https://mockflow.com/promptlibrary"> AI prompt library </a>
					</div>
					
					<div class="mf_footer_menu_link">
						<a target="_blank" class="mf_footer_menu_link_item" href="https://mockflow.com/mockstore/#powerups"> Addons </a>
					</div>
					
					
					
					<div class="mf_footer_menu_link">
						<a  class="mf_footer_menu_link_item" href="https://mockflow.com/ui-design/"> UI design guide </a>
					</div>
					
					<div class="mf_footer_menu_link">
						<a  class="mf_footer_menu_link_item" href="https://mockflow.com/what-is-wireframing/"> Wireframing guide </a>
					</div>
					
					
				</div>
				<!-- <div class="mf_footer-link_title mf_list-title">Follow</div>
				<div class="mf_list-links inline mfSocialLinks">
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://twitter.com/mockflowapp" target="_blank">
							<div class="sr-only">Twitter</div>
							<svg width="18" height="18" viewBox="0 0 300 300" version="1.1" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="position: relative;top: 3px;">
	                        	<path fill="currentColor" d="M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66"></path>
	                      	</svg>
						</a>
					</div>
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item" href="https://www.linkedin.com/products/produle-mockflow/" target="_blank">
							<div class="sr-only">Linkedin</div>
							<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
							  <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
							</svg>
						</a>
					</div>
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item"
							href="https://instagram.com/mockflowapp" target="_blank">
							<div class="sr-only">Instagram</div>
							<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
							  <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
							</svg>
						</a>
					</div>
					<div class="mf_footer_menu_link">
						<a class="mf_footer_menu_link_item mf_footer_menu_link_youtube"
							href="https://www.youtube.com/@mockflowvideos" target="_blank">
							<div class="sr-only">YouTube</div>
							<svg style="margin-top: -4px;" width="32px" height="32px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000"><path d="M14 12L10.5 14V10L14 12Z" fill="#000000" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2 12.7075V11.2924C2 8.39705 2 6.94939 2.90549 6.01792C3.81099 5.08645 5.23656 5.04613 8.08769 4.96549C9.43873 4.92728 10.8188 4.8999 12 4.8999C13.1812 4.8999 14.5613 4.92728 15.9123 4.96549C18.7634 5.04613 20.189 5.08645 21.0945 6.01792C22 6.94939 22 8.39705 22 11.2924V12.7075C22 15.6028 22 17.0505 21.0945 17.9819C20.189 18.9134 18.7635 18.9537 15.9124 19.0344C14.5613 19.0726 13.1812 19.1 12 19.1C10.8188 19.1 9.43867 19.0726 8.0876 19.0344C5.23651 18.9537 3.81097 18.9134 2.90548 17.9819C2 17.0505 2 15.6028 2 12.7075Z" stroke="#000000" stroke-width="1.5"></path></svg>
						</a>
					</div>
				</div> -->
			</div>
		</div>
		
	</div>
	
	
</div> 



 <div class="mf_footer_copyright_section">
	<div class="container">
		<div class="mf_footer_copyright_row">
			<div class="mf_footer_copyright_left">
				<div class="mf_footer_menu_link_item d-lg-inline mf_copyright_link">� 2009-2026 MockFlow.</div>
			</div>
			
			<div class="mf_footer_copyright_middle">
				<a href="https://mockflow.com/" class="mf_footer_copyright_link">
					<img src="https://mockflow.com/images/logoicon2.png" alt="MockFlow" class="img-fluid mfLightLogo" />
				</a>
			</div>
			
			<div class="mf_footer_copyright_right">
				<div class="mf_footer_menu_link_item inline-link d-lg-inline">
					<a class="mf_footer_menu_link" href="https://mockflow.com/legal"> Legal Center </a>
				</div>
			
				<div class="mf_footer_menu_link_item inline-link d-lg-inline">
					<a class="mf_footer_menu_link" href="https://mockflow.com/security"> MockFlow Trust </a>
				</div>
			</div>
			
			
		</div>
	</div>
</div> 



<div class="mfFooterContactform">
	<img style="cursor: pointer;" class="mfContactCloseIcon" width="25" src="https://mockflow.com/images/close-icon-black.png" alt="Close Icon"/>
	<div class="container">
		 <div class="mfContactformHead">  
		 	

		</div>
		<div class="row">
			<div class="col-md-6">
				<h3 style='color: #000; font-weight: 700;   '>Get MockFlow</h3>
		 		<p style='color: #000;'>Brainstorm UI ideas anywhere</p>
				<div class="mfFeaturesSections">
					<a href="https://mockflow.com/app" target="_blank" >
					<span style="background: transparent; border: 1px solid  #9999FF; " class="mfFeaturesSectionImg">
						<img src="https://mockflow.com/images/getmockflow/cloud.png" alt="icon">
					</span>
					<span class="mfFeaturesSectionDesc">
						<span class="mfFeaturesSectionLabel">MockFlow for</span>
						<span class="mfFeaturesListings">Cloud - Web app</span>
					</span>  
					</a>
				</div>
				
				
				<div class="mfFeaturesSections">
					<a href="https://d2njum3rvx672a.cloudfront.net/mac/WireframePro-Desktop.dmg" target="_blank" >
					<span style="background: transparent; border: 1px solid  #FD62F6;"  class="mfFeaturesSectionImg">
						<img src="https://mockflow.com/images/getmockflow/apple.png" alt="icon">
					</span>
					<span class="mfFeaturesSectionDesc">
						<span class="mfFeaturesSectionLabel">MockFlow for</span>
						<span class="mfFeaturesListings">MacOS w/ offline</span>
					</span>
					</a>
				</div>
				<div class="mfFeaturesSections"> 
					<a href="https://d2njum3rvx672a.cloudfront.net/windows/WireframePro-Desktop.exe" target="_blank" >
					<span style="background: transparent; border: 1px solid  #FD3367;" class="mfFeaturesSectionImg">
						<img src="https://mockflow.com/images/getmockflow/windows.png" alt="icon">
					</span>
					<span class="mfFeaturesSectionDesc">
						<span class="mfFeaturesSectionLabel">MockFlow for</span>
						<span class="mfFeaturesListings">Windows w/ offline</span>
					</span>
					</a>
				</div>
				
				
				
				<div class="mfFeaturesSections">
					<a href="https://workspace.google.com/u/0/marketplace/app/wireframepro/413107853716?hl=en&pann=drive_app_widget" target="_blank" >
					<span style="background: transparent; border: 1px solid #7e8001" class="mfFeaturesSectionImg">
						<img src="https://mockflow.com/images/getmockflow/gdrive.png" alt="icon">
					</span>
					<span class="mfFeaturesSectionDesc">
						<span class="mfFeaturesSectionLabel">MockFlow for</span>
						<span class="mfFeaturesListings">G Drive - Web app</span>
					</span>  
					</a>
				</div>
				
				
				<div class="mfFeaturesSections">
					<a href="https://chatgpt.com/g/g-69359f625c208191bb28a24be729cd79-ideaboard-your-ai-brainstorming-companion" target="_blank" >
					<span style="background: transparent; border: 1px solid #59aa9f;" class="mfFeaturesSectionImg">
						<img src="https://mockflow.com/images/home4/chatgpt.svg" alt="icon">
					</span>
					<span class="mfFeaturesSectionDesc">
						<span class="mfFeaturesSectionLabel">MockFlow for</span>
						<span class="mfFeaturesListings">ChatGPT</span>
					</span>  
					</a>
				</div>
				
				
				<div class="mfFeaturesSections">
					<a href="https://chromewebstore.google.com/detail/mockflow-wireframepro/ghkgfdamcfjiflldnfiollnhkdjilmde?hl=en" target="_blank" >
					<span style="background: transparent; border: 1px solid #59aa9f;" class="mfFeaturesSectionImg">
						<img src="https://mockflow.com/images/getmockflow/chrome.png" alt="icon">
					</span>
					<span class="mfFeaturesSectionDesc">
						<span class="mfFeaturesSectionLabel">MockFlow for</span>
						<span class="mfFeaturesListings">Chrome</span>
					</span>  
					</a>
				</div>
				
				
				<div class="mfFeaturesSections">
					<a href="https://mockflow.com/integrations/ideaboard/mcp/" target="_blank" >
					<span style="background: transparent; border: 1px solid #d87757;" class="mfFeaturesSectionImg">
						<img src="https://mockflow.com/images/home4/claude.svg" alt="icon">
					</span>
					<span class="mfFeaturesSectionDesc">
						<span class="mfFeaturesSectionLabel">MockFlow for</span>
						<span class="mfFeaturesListings">Claude</span>
					</span>  
					</a>
				</div>
				
				
				
				<div class="mfFeaturesSections">
					<a href="https://marketplace.atlassian.com/plugins/com.mockflow.wireframepro.integrations.jira/cloud/overview" target="_blank" >
					<span style="background: transparent; border: 1px solid  #CC7405;" class="mfFeaturesSectionImg">
						<img src="https://mockflow.com/images/getmockflow/jira.png" alt="icon">
					</span>
					<span class="mfFeaturesSectionDesc">
						<span class="mfFeaturesSectionLabel">MockFlow for</span>
						<span class="mfFeaturesListings">Atlassian JIRA</span>
					</span>
					</a>
				</div>
				<div class="mfFeaturesSections">
					<a href="https://marketplace.atlassian.com/plugins/com.mockflow.wireframepro.integrations.confluence/cloud/overview" target="_blank" >
					<span style="background: transparent; border: 1px solid  #32A9FF;" class="mfFeaturesSectionImg">
						<img src="https://mockflow.com/images/getmockflow/confluence.png" alt="icon">
					</span>
					<span class="mfFeaturesSectionDesc">
						<span class="mfFeaturesSectionLabel">MockFlow for</span>
						<span class="mfFeaturesListings">Atlassian Confluence</span>
					</span>
					</a>
				</div>
				<div class="mfFeaturesSections">
					<a href="https://slack.com/marketplace/A568WK0SV" target="_blank" >
					<span style="background: transparent; border: 1px solid  #34FF66;" class="mfFeaturesSectionImg">
						<img src="https://mockflow.com/images/getmockflow/slack.png" alt="icon">
					</span>
					<span class="mfFeaturesSectionDesc">
						<span class="mfFeaturesSectionLabel">MockFlow for</span>
						<span class="mfFeaturesListings">Slack</span>
					</span>
					</a>
				</div>
				
				<div class="mfFeaturesSections">
					<a href="https://appsource.microsoft.com/en-gb/product/office/WA200002301?tab=Overview" target="_blank" >
					<span style="background: transparent; border: 1px solid  #FD99D7;" class="mfFeaturesSectionImg">
						<img src="https://mockflow.com/images/getmockflow/msteams.png" alt="icon">
					</span>
					<span class="mfFeaturesSectionDesc">
						<span class="mfFeaturesSectionLabel">MockFlow for</span>
						<span class="mfFeaturesListings">Microsoft Teams</span>
					</span>
					</a>
				</div>
				<div class="mfFeaturesSections">
					<a href="https://appsource.microsoft.com/en-us/product/office/WA104381268?src=office&tab=Overview" target="_blank" >
					<span style="background: transparent; border: 1px solid  #B39DDB;" class="mfFeaturesSectionImg">
						<img src="https://mockflow.com/images/getmockflow/office365.png" alt="icon">
					</span>
					<span class="mfFeaturesSectionDesc">
						<span class="mfFeaturesSectionLabel">MockFlow for</span>
						<span class="mfFeaturesListings">Microsoft Office365</span>
					</span>
					</a> 
				</div>
				<div class="mfFeaturesSections">
					<a href="https://trello.com/power-ups/590efa059db8582f690bfbf9" target="_blank" >
					<span style="background: transparent; border: 1px solid  #CDDC39;" class="mfFeaturesSectionImg">
						<img src="https://mockflow.com/images/getmockflow/trello.png" alt="icon">
					</span>
					<span class="mfFeaturesSectionDesc">
						<span class="mfFeaturesSectionLabel">MockFlow for</span>
						<span class="mfFeaturesListings">Trello</span>
					</span>
					</a>
				</div>
				
				<div class="mfFeaturesSections">
					<a href="https://workspace.google.com/u/0/marketplace/app/wireframepro_gdocsaddon/127057374885" target="_blank" >
					<span style="background: transparent; border: 1px solid #1c7ce2;" class="mfFeaturesSectionImg">
						<img src="https://mockflow.com/images/getmockflow/docs.png" alt="icon">
					</span>
					<span class="mfFeaturesSectionDesc">
						<span class="mfFeaturesSectionLabel">MockFlow for</span>
						<span class="mfFeaturesListings">G Docs</span>
					</span>
					</a>
				</div>
				
				<div class="mfFeaturesSections">
					<a href="https://marketplace.visualstudio.com/items?itemName=AProduleSystemsPvtLtd.mockflow-wireframepro" target="_blank" >
					<span style="background: transparent; border: 1px solid #5c2b95;" class="mfFeaturesSectionImg">
						<img src="https://mockflow.com/images/getmockflow/vscode.png" alt="icon">
					</span>
					<span class="mfFeaturesSectionDesc">
						<span class="mfFeaturesSectionLabel">MockFlow for</span>
						<span class="mfFeaturesListings">Visual Studio</span>
					</span>
					</a>
				</div>
				
				<div class="mfFeaturesSections" style="padding-bottom:20px;">
					<a href="https://app.mockflow.com/mobile" target="_blank" >
					<span style="background: transparent; border: 1px solid  #19C2F6;" class="mfFeaturesSectionImg">
						<img src="https://mockflow.com/images/getmockflow/iphone.png" alt="icon">
					</span>
					<span class="mfFeaturesSectionDesc">
						<span class="mfFeaturesSectionLabel">MockFlow for</span>
						<span class="mfFeaturesListings">Mobile View</span>
					</span>
					</a>
					
				</div>
			</div>
			<div class="col-md-6  mfContactFormWrapper"> 
			
				<h3 style='color: #000;font-size: 30px; font-weight: 900;'>Contact form</h3>
		 		<p style='color: #000;' class="mfContactFormEmailLabel1"> Email: <a href="/cdn-cgi/l/email-protection#87f4f2f7f7e8f5f3c7eae8e4ece1ebe8f0a9e4e8ea" style=" color:#1c7ce2; font-weight: 400;"><span class="__cf_email__" data-cfemail="4734323737283533072a28242c212b28306924282a">[email&#160;protected]</span></a></p>
		 		
				<div class="mfContactForm">
			
				
				
				<form id="myform" class="mfFooterForm" autocomplete="off">
									
					<ol class="mfFormListcls">
						
						<li>
							<label for="conemail">Email</label>
							<input id="conemail" class="form-control" name="conemail" type="email" placeholder="yourmail@domain.com" />
						</li>
						
						<li>
							<label for="consubject">Subject</label>
							<input id="consubject" class="form-control" name="consubject" type="text" placeholder="Any support request & questions"  />
						</li>
						
						<li>
							<label  for="conmessage">Message</label>
							<textarea  id="conmessage" class="form-control" name="conmessage" placeholder="Message..." ></textarea>
						</li>
						
					</ol>
	
	
					<div style="text-align: center;"> 
						 <a id="contact_btn"  class="ui_action_button mfPricingFirstSignupBtn" style='background: #1c7ce2;'><img src="https://mockflow.com/images/general/contactIcon.png" alt="send"/>SEND</a>
						 <span id="contact_btnsending"  style="display: none;color: #2196F3; font-size: 18px;">Sending....</span>
				    </div>
				           
             	</form>
			
					</div>
					
					<br/><br/>
					<span style='text-align: center; color: #000; width: 100%; display: inline-block;'>
							This site is protected by reCAPTCHA and the Google
				    <a target="_blank" href="https://policies.google.com/privacy">Privacy Policy</a> and
				    <a target="_blank"  href="https://policies.google.com/terms">Terms of Service</a> apply.
							</span>
							
					<div class="row mfContactFormConnectWrapper">
					<div class="col-md-12 text-center">
						<h2 style='' class="mfContactFormLinksTitle">Connect with us</h2>
					</div>
					<div class="col-md-4 text-center">
						<a class="mfContactFormLinks" href="https://twitter.com/mockflowapp" target="_blank">
							<!-- <img src="https://mockflow.com/images/general/twitterIcon.png" alt="Follow Us"/>  -->
							<svg width="32" height="32" viewBox="0 0 300 300" version="1.1" fill="#0054ff" xmlns="http://www.w3.org/2000/svg" style="margin: 10px;padding: 4px;">
	                        	<path fill="#0054ff" d="M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66"></path>
	                      	</svg>
							Follow Us
						</a>
					</div>
					<div class="col-md-4 text-center">
						<a class="mfContactFormLinks" href="https://support.mockflow.com/" target="_blank">
							<img src="https://mockflow.com/images/general/supportIcon.png" alt="Support"/> Support 
						</a>
					</div>
					<div class="col-md-4 text-center">
						<a class="mfContactFormLinks" href="https://support.mockflow.com/category/92-video-tutorials" target="_blank">
							<img src="https://mockflow.com/images/general/videoIcon.png" alt="Video Tutorials"/> Videos
						</a>
					</div>
				
				

			</div>
					
					
				</div>
				
				
<br/><br/>
		 
		
			</div>
			
			
			
			
		</div>
		
		
		
		

</div>
      
		<div style='padding-top: 30px; padding-bottom: 20px; font-size: 30px;'><img style="height:55px; width: auto;" src='https://mockflow.com/images/logoicon2.png' alt='Mockflow Image' /></div>
	
	
		 <div id="loginformsignin" style="display: block; padding-top: 10px;"> 
				
		 <form  id="loginform" style="border: 0" name="loginform" method="post"  action="checkLogin.jsp" >
				
					
					<input placeholder="Email" spellcheck="false" tabindex="1" style="width: 228px;  font-size: 14px; border-radius: 0px; outline: 0; border: none; border-bottom: 1px solid #ccc; background: transparent; color: #000;filter:none;" type="text" name="logusername" id="logusername" value="" class="text-input" />
					<div style='height: 35px;'></div>
					<input tabindex="2" placeholder="Password" style="width: 228px;  font-size: 14px; border-radius: 0px; outline: 0; border: none; border-bottom: 1px solid #ccc; background: transparent; color: #000;filter:none;" type="password" name="logpassword" id="logpassword"  value="" class="text-input" />													
					<div style='height: 10px;'></div>
			
				
				<input  type="hidden" name="rememberme" id="rememberme"  value="true"  />
				<div style='height: 10px;'></div>
					<div class="loginBoxAppsForgetPass"><a style="cursor: pointer; font-size: 12px; color: #666;" id="forgot_btn" class="forgot" >Forgot Password ?</a></div>	
						
				<input style="-webkit-appearance: none;  outline: none; cursor: pointer; vertical-align: middle; width: 216px;  border-radius: 4px; border: none; background: #1c7ce2; height: 35px; padding-left: 1px; font-family: 'Cal Sans'; font-size: 16px; color: #fff; text-align: center;" value="Sign In" tabindex="4"  type="submit" name="submit" class="login_btn " id="login_btn" />
				<input type="hidden" name="urlhash" id="urlhash"/>
				<div style='height: 35px;'></div> 
				
				<div class="loginBoxGoogleSign">
					<h2 style="color: #E0E0E0;"><span style="color: #E0E0E0; font-size: 16px;">OR</span></h2>
				</div>
				<a href="https://accounts.google.com/o/oauth2/auth?client_id=162227401569-t8ivo85k7hfdthpaqmiqbkag2hc6rad6.apps.googleusercontent.com&scope=profile%20email&response_type=code&prompt=select_account&state=https://mockflow.com&redirect_uri=https://mockflow.com/glogin.jsp" id="mfGoogleSignInButton">
				<img src="https://mockflow.com/images/login/googlelogin.png" style="width: 180px;" alt="google login"/>
		  		</a>
				
				<br/>
		  		<div class="mfLoginWithSSOBtn">
					Sign in with SSO
		  		</div>
				
			  </form>
	
  	 
  		</div> 
		<div style="display: none; height: 100%; width: 100%;  padding-top: 40px; color: #666; text-align: center;"   id="loging_btn" >
		
		<div style='height: 200px;'></div>Signing in...</div>


		<div id="mfLoginWithSSOOptions" style="display:none;">
			<h3>Sign in with SSO </h3>
			<p>For Enterprise customers only</p>
			
			<form id="mfSSOLoginForm" style="border: 0" name="mfSSOLoginForm">
			
				<input placeholder="Email" spellcheck="false" tabindex="1" style="width: 216px;  font-size: 14px; border-radius: 0px; outline: 0; border: none; border-bottom: 1px solid #ccc; background: transparent; color: #000;" type="text" name="mfSSOEmail" id="mfSSOEmail" value="" class="text-input" />
			
				<input style=" outline: none; cursor: pointer; vertical-align: middle; width: 216px; border: 1px solid #2196F3; border-radius: 5px; background: transparent; height: 30px; padding-left: 1px; font-size: 14px; color: #2196F3; text-align: center; margin-top: 40px; margin-bottom: 50px;" value="Sign In" tabindex="4" type="submit" class="login_btn" id="mfSSOSigninBtn" />
			</form>
			
			<div class="mfLoginWithSSOBtn">
				More sign in options
	  		</div>
		</div>

</div>

<!-- End of login modal -->

Server Config

{
  "mcpServers": {
    "mockflow-ideaboard": {
      "url": "https://app.mockflow.com/ideaboard/mcp"
    }
  }
}
Recommend Servers
TraeBuild with Free GPT-4.1 & Claude 3.7. Fully MCP-Ready.
WindsurfThe new purpose-built IDE to harness magic
MiniMax MCPOfficial MiniMax Model Context Protocol (MCP) server that enables interaction with powerful Text to Speech, image generation and video generation APIs.
Tavily Mcp
CursorThe AI Code Editor
Y GuiA web-based graphical interface for AI chat interactions with support for multiple AI models and MCP (Model Context Protocol) servers.
Amap Maps高德地图官方 MCP Server
AiimagemultistyleA Model Context Protocol (MCP) server for image generation and manipulation using fal.ai's Stable Diffusion model.
ChatWiseThe second fastest AI chatbot™
Howtocook Mcp基于Anduin2017 / HowToCook （程序员在家做饭指南）的mcp server，帮你推荐菜谱、规划膳食，解决“今天吃什么“的世纪难题； Based on Anduin2017/HowToCook (Programmer's Guide to Cooking at Home), MCP Server helps you recommend recipes, plan meals, and solve the century old problem of "what to eat today"
DeepChatYour AI Partner on Desktop
MCP AdvisorMCP Advisor & Installation - Use the right MCP server for your needs
BlenderBlenderMCP connects Blender to Claude AI through the Model Context Protocol (MCP), allowing Claude to directly interact with and control Blender. This integration enables prompt assisted 3D modeling, scene creation, and manipulation.
TimeA Model Context Protocol server that provides time and timezone conversion capabilities. This server enables LLMs to get current time information and perform timezone conversions using IANA timezone names, with automatic system timezone detection.
Jina AI MCP ToolsA Model Context Protocol (MCP) server that integrates with Jina AI Search Foundation APIs.
EdgeOne Pages MCPAn MCP service designed for deploying HTML content to EdgeOne Pages and obtaining an accessible public URL.
Visual Studio Code - Open Source ("Code - OSS")Visual Studio Code
Baidu Map百度地图核心API现已全面兼容MCP协议，是国内首家兼容MCP协议的地图服务商。
Serper MCP ServerA Serper MCP Server
Playwright McpPlaywright MCP server
Zhipu Web SearchZhipu Web Search MCP Server is a search engine specifically designed for large models. It integrates four search engines, allowing users to flexibly compare and switch between them. Building upon the web crawling and ranking capabilities of traditional search engines, it enhances intent recognition capabilities, returning results more suitable for large model processing (such as webpage titles, URLs, summaries, site names, site icons, etc.). This helps AI applications achieve "dynamic knowledge acquisition" and "precise scenario adaptation" capabilities.