Miro

<div class="hero-box">
<div>With <strong>Miro MCP for Lovable</strong>, you can now bridge the gap between visual brainstorming and AI-powered development, making your Lovable Agent more powerful than ever.</div>
</div>
<p>Seamlessly connect your team&rsquo;s visual thinking in Miro with the autonomous coding power of <strong>Lovable</strong>.</p>
<p>Now you and your teams can go from:</p>
<ul class="feature-list">
<li><strong>Context &rarr; Code:</strong> Transform PRDs, technical designs, diagrams, and workshop notes from Miro into active context for your Lovable Agent.</li>
<li><strong>Code &rarr; Diagram:</strong> Create technical diagrams (architecture, sequence flows) on Miro boards directly from your Lovable workspace or repositories.</li>
<li><strong>Prototype &rarr; Board:</strong> Embed live, interactive Lovable prototypes back into Miro for seamless review and feedback loops with stakeholders.</li>
</ul>
<p><strong>Before you start:</strong><br />If you are on an <strong>Enterprise plan</strong>, you will need to ask your Admin to enable MCP. See the <a href="https://help.miro.com/hc/en-us/articles/31625761037202-Miro-MCP-Server-admin-guide" target="_blank">Admin Guide</a>.</p>
<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;" />
<h3>How to Connect:</h3>
<ul class="feature-list">
<li><strong>Configure in Lovable:</strong> Log into lovable.dev.
Click on your profile in the top right.
Click on Settings -> Integrations. Scroll down to Your MCP Servers and find Miro. Click Set up.</li>
<li><strong>Authenticate w/ OAuth:</strong> You will be redirected to authenticate with Miro OAuth. Select the Miro team you wish to connect. (See our <a href="https://developers.miro.com/docs/connecting-to-miro-mcp#miro-oauth-flow" target="_blank">dev docs</a> for help with team selection).</li>
<li><strong>Verify &amp; Prompt:</strong> Once the OAuth flow is complete, ensure your Miro MCP Server status is "Running" in Lovable. That's it! Watch the video above to learn how to best prompt your Lovable Agent.</li>
</ul>
<p style="margin-top: 24px;">And if something isn't working, or you need help, please open a ticket with our <a href="#">support team</a>.</p>
<div class="note-box"><strong>Notes:</strong><br />This is available for all users, but Enterprise plans will need to explicitly enable MCP, as shown in this <a href="https://help.miro.com/hc/en-us/articles/31625761037202-Miro-MCP-Server-admin-guide" target="_blank">admin help article</a>.<br /><br />The MCP server may use Miro AI for format generation or content-related actions. These actions consume your organization's Miro AI credits. <br /><br /><strong>Tips:</strong>
<ul style="margin-top: 8px; padding-left: 20px;">
<li>Using the Lovable Core subscription (or higher) is recommended for optimal Agent performance.</li>
<li>Ensure Miro AI is enabled for the best experience with diagram generation.</li>
</ul>
</div>
<p>&nbsp;</p>
<h3>Helpful links:</h3>
<ul class="helpful-links-list">
<li><a href="https://help.miro.com/hc/en-us/sections/31621562136978-Miro-MCP-Server-Beta" target="_blank">Help Center</a></li>
<li><a href="https://www.youtube.com/watch?v=4T7zaSCWrv4&amp;list=PLmiHe0R4hbzSGgHWYFYwvbAKTvFPRvG2a" target="_blank">Miro MCP YouTube Tutorials</a></li>
<li><a href="https://developers.miro.com/docs/miro-mcp" target="_blank">Miro Developer Docs</a></li>
<li><a href="https://q2oeb0jrhgi.typeform.com/to/YATmJPVx?typeform-source=developers.miro.com" target="_blank">Feedback Form</a></li>
</ul>

Miro MCP for Lovable

Equip your Lovable agent with the Miro MCP to create diagrams, create code from PRDs and tech specs, and interact directly with the canvas.

<div class="hero-box">

        <div>With <strong>Miro MCP for Replit</strong>, you can now bridge the gap between visual brainstorming and AI-powered development, making your Replit Agent more powerful than ever.</div>
    </div>

    <p>Seamlessly connect your team’s visual thinking in Miro with the autonomous coding power of <strong>Replit</strong>.</p>
    <p>Now you and your teams can go from:</p>

    <ul class="feature-list">
        <li><strong>Context &rarr; Code:</strong> Transform PRDs, technical designs, diagrams, and workshop notes from Miro into active context for your Replit Agent.</li>
        <li><strong>Code &rarr; Diagram:</strong> Create technical diagrams (architecture, sequence flows) on Miro boards directly from your Replit workspace or repositories.</li>
        <li><strong>Prototype &rarr; Board:</strong>  Embed live, interactive Replit prototypes back into Miro for seamless review and feedback loops with stakeholders.</li>
    </ul>

    <p>
        <strong>Before you start:</strong><br>
        If you are on an <strong>Enterprise plan</strong>, you will need to ask your Admin to enable MCP. See the <a href="https://help.miro.com/hc/en-us/articles/31625761037202-Miro-MCP-Server-admin-guide" target="_blank">Admin Guide</a>.
    </p>

    <hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

    <h3>How to Connect:</h3>


    <ul class="feature-list">
        <li><strong>Configure in Replit:</strong> Click the blue button right under the video, "Configure in Replit" to begin.</li>
        <li><strong>Authenticate w/ OAuth:</strong> You will be redirected to Sign in to Replit. Next, you will see the MCP configuration auto-filled. Click Test and Save, then Authenticate with OAuth. Select the Miro team you wish to connect. (See our <a href="https://developers.miro.com/docs/connecting-to-miro-mcp#miro-oauth-flow" target="_blank">dev docs</a> for help with team selection).</li>
        <li><strong>Verify & Prompt:</strong>  Once the OAuth flow is complete, ensure your Miro MCP Server status is "Running" in Replit. That's it! Watch the video above to learn how to best prompt your Replit Agent.</li>
    </ul>

    
    <p style="margin-top: 24px;">And if something isn't working, or you need help, please open a ticket with our <a href="#">support team</a>.</p>

    <div class="note-box">
        <strong>Notes:</strong><br>
        This is available for all users, but Enterprise plans will need to explicitly enable MCP, as shown in this <a href="https://help.miro.com/hc/en-us/articles/31625761037202-Miro-MCP-Server-admin-guide" target="_blank">admin help article</a>.<br><br>
        The MCP server may use Miro AI for format generation or content-related actions. These actions consume your organization's Miro AI credits. <br><br>
        <strong>Tips:</strong>
        <ul style="margin-top: 8px; padding-left: 20px;">
            <li>Using the Replit Core subscription (or higher) is recommended for optimal Agent performance.</li>
            <li>Ensure Miro AI is enabled for the best experience with diagram generation.</li>
        </ul>
    </div>
<br>
     <strong><h3>Helpful links:</h3></strong>
    <ul class="helpful-links-list">
        <li><a href="https://help.miro.com/hc/en-us/sections/31621562136978-Miro-MCP-Server-Beta" target="_blank">Help Center</a></li>
        <li><a href="https://www.youtube.com/watch?v=4T7zaSCWrv4&list=PLmiHe0R4hbzSGgHWYFYwvbAKTvFPRvG2a" target="_blank">Miro MCP YouTube Tutorials</a></li>
        <li><a href="https://developers.miro.com/docs/miro-mcp" target="_blank">Miro Developer Docs</a></li>
        <li><a href="https://q2oeb0jrhgi.typeform.com/to/YATmJPVx?typeform-source=developers.miro.com" target="_blank">Feedback Form</a></li>
    </ul>

Miro MCP for Replit

Equip your Replit agent with the Miro MCP to create diagrams, create code from PRDs and tech specs, and interact directly with the infinite canvas.

<div class="hero-box">
  <div>
    <p>With Miro MCP for OpenAI Codex, your Miro diagrams, specs, and decisions become live context that Codex can act on. This transforms visual intent into code that fits your architecture the first time, eliminating re-prompting loops and keeping product and engineering in sync</p>
  </div>
</div>

<h3>Now you and your teams can go from:</h3>
<ul class="feature-list">
  <li><strong>Context &rarr; Code:</strong> Point Codex at a board URL with architecture maps and requirements; Codex reads this context to generate implementations aligned to your system patterns, reducing review cycles.</li>
  <li><strong>Codebase &rarr; Visual Documentation:</strong> Use Codex with MCP to visualize a legacy repository as a system diagram, document, or table in Miro, speeding onboarding and de-risking refactors by revealing dependencies.</li>
  <li><strong>Spec Updates ↔ Implementation:</strong> As specs evolve on the board, Codex references the updated source of truth, keeping design and implementation synchronized without manual translation.</li>
</ul>

<p>By installing this, you connect <a href="https://help.miro.com/hc/en-us/articles/31624028247058-Miro-MCP-Server-overview" target="_blank">Miro's MCP Server</a> with OpenAI Codex's MCP Client. This will allow OpenAI Codex to read board content from the URL you provide and use it as context.</p>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<h3>Set up</h3>
<p><strong>Important:</strong> If you are on an <strong>Enterprise plan</strong>, you will need to ask your Admin to enable MCP. See the <a href="https://help.miro.com/hc/en-us/articles/31625761037202-Miro-MCP-Server-admin-guide" target="_blank">Admin Guide</a>.</p>

<p><strong>First, configure in OpenAI Codex:</strong></p>
<p><strong>Option 1 — CLI (recommended):</strong></p>
<ol>
  <li>Log in to Codex: <code>codex login</code></li>
  <li>Register the Miro MCP Server:</li>
  <li>Start the OAuth login:</li>
</ol>

<p><strong>Option 2 — config file:</strong></p>
<ol>
  <li>Add the following to your <code>~/.codex/config.toml</code> file:</li>
</ol>

<p>Restart Codex or open a new session.</p>
<p><em>Note: Codex stores MCP configuration in ~/.codex/config.toml; you can also manage servers with codex mcp commands.</em></p>

<p><strong>Then, authenticate with Miro OAuth:</strong></p>
<ol>
  <li>You will be redirected to authenticate with Miro OAuth</li>
  <li>Select the Miro team you wish to connect to<br><em>(important: MCP will only be able to read the boards in the team you choose in this flow)</em></li>
  <li>Once you've successfully completed this flow, you are ready to go</li>
</ol>

<p>You can verify by checking your Miro MCP Server status is "Running" in OpenAI Codex.</p>
<p><strong>Give it a try -</strong> Open Codex and paste a Miro board URL containing your architecture or specifications, then ask it to implement the next feature using that context.</p>
<p>If something isn't working, check this <a href="https://help.miro.com/hc/en-us/articles/31625301583890-How-to-enable-Miro-s-MCP-Server-user-guide" target="_blank">help article</a>, or open a ticket with our <a href="https://help.miro.com/hc/en-us/requests/new" target="_blank">support team</a>.</p>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<div class="note-box">
  <h3>Tips:</h3>
  Enterprise admins may need to enable Miro MCP for your org. If you get an "access denied" error, confirm MCP is toggled on in Admin settings > Apps & Integrations > MCP (Beta) and that you're authenticating to a board you can access.<br>
  Please note that Miro AI must be enabled to use the board summary function and Miro AI credits will be consumed for this feature.<br><br>
  
  <h3>Security & Compliance:</h3>
  OAuth 2.1 authentication with individual user credentials<br>
  All existing Miro permissions and access controls maintained<br>
  <strong>Enterprise-grade security standards:</strong> enterprise admins can enable or disable MCP for entire organizations or specific teams, providing granular control over data access and usage.
</div>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<h3>Helpful links:</h3>
<ul class="helpful-links-list">
  <li>User & Admin content: <a href="https://help.miro.com/hc/en-us/sections/31621562136978-Miro-MCP-Server-Beta" target="_blank">Help Center</a></li>
  <li>Developer portal: <a href="https://developers.miro.com/docs/miro-mcp-prompts" target="_blank">Miro MCP Tools & Prompts</a></li>
  <li>Learning and ideas: <a href="https://www.youtube.com/watch?v=4T7zaSCWrv4&list=PLmiHe0R4hbzSGgHWYFYwvbAKTvFPRvG2a" target="_blank">Miro MCP YouTube Tutorials</a></li>
  <li>For troubleshooting or help: <a href="https://help.miro.com/hc/en-us/requests/new" target="_blank">Miro Support</a></li>
</ul>

Miro MCP for OpenAI Codex

Equip your OpenAI Codex agent with Miro’s MCP Server to create diagrams, create code from your board context, and interact directly with the canvas.

<div class="hero-box"><div>With Miro MCP for Cursor, the ideas, specs, and diagrams on your board become live context inside your IDE - so the AI can read what the team decided and generate or explain code accordingly. When you're ready, it can draft system diagrams back to Miro, keeping product and engineering in lockstep without copy‑paste or context loss.</div></div>

<h3>Now you and your teams can go from:</h3>
<ul class="feature-list">
<li><strong>Board context &rarr; Code in Cursor:</strong> Pull PRDs, diagrams, or notes from a Miro board into Cursor so the AI grounds code generation and refactors in real team context.</li>
<li><strong>Code/repo &rarr; Diagram in Miro:</strong> From code or a GitHub URL, ask Cursor to draft an architecture, sequence, or data-flow diagram onto a target Miro board for onboarding and design reviews.</li>
<li><strong>Visual brief &rarr; Scaffolding loop:</strong> Use a product spec on Miro to guide Cursor's scaffold or updates, then generate diagrams back to the board to validate understanding with stakeholders.</li>
</ul>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<p>By installing this, you connect <a href="https://help.miro.com/hc/en-us/articles/31624028247058-Miro-MCP-Server-overview" target="_blank">Miro's MCP Server</a> with Cursor's MCP Client. This will allow Cursor to read board content from the URL you provide and use it as context.</p>

<h3>Set up</h3>
<p><strong>Important:</strong> If you are on an <strong>Enterprise plan</strong>, you will need to ask your Admin to enable MCP. See the <a href="https://help.miro.com/hc/en-us/articles/31625761037202-Miro-MCP-Server-admin-guide" target="_blank">Admin Guide</a>.</p>

<p>First, configure in Cursor:</p>
<ul class="feature-list">
<li>In Cursor, open Settings &rarr; MCP &rarr; Add a Custom MCP Server. Use this configuration:</li>
</ul>

<p>{<br>  "mcpServers": {<br>    "miro-mcp": {<br>      "url": "<a href="https://mcp.miro.com/" target="_blank">https://mcp.miro.com/</a>",<br>      "disabled": false,<br>      "autoApprove": []<br>    }<br>  }<br>}</p>

<p>Then, authenticate with Miro OAuth:</p>
<ul class="feature-list">
<li>You will be redirected to authenticate with Miro OAuth</li>
<li>Select the Miro team you wish to connect to<br><em>(important: MCP will only be able to read the boards in the team you choose in this flow)</em></li>
<li>Once you've successfully completed this flow, you are ready to go</li>
</ul>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<p>You can verify by checking your Miro MCP Server status is "Running" in Cursor.</p>
<p><strong>Give it a try -</strong> paste a full Miro board URL into your Cursor prompt to ground the AI - try "Explain this module using the board's spec and draft an architecture diagram back to the board."</p>
<p>If something isn't working, check this <a href="https://help.miro.com/hc/en-us/articles/31625301583890-How-to-enable-Miro-s-MCP-Server-user-guide" target="_blank">help article</a>, or open a ticket with our <a href="https://miro.com/marketplace/miro-mcp-for-lovable/#" target="_blank">support team</a>.</p>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<div class="note-box">
<h3>Tips:</h3>
If you don't see tools or get access errors, re-run OAuth and ensure you selected the team where your target board lives; MCP only operates in the chosen team, and board access still follows your Miro permissions.<br>
Please note that Miro AI must be enabled to use the board summary function and Miro AI credits will be consumed for this feature.<br><br>
<strong>Security & Compliance:</strong><br>
OAuth 2.1 authentication with individual user credentials<br>
All existing Miro permissions and access controls maintained<br>
<strong>Enterprise-grade security standards:</strong> enterprise admins can enable or disable MCP for entire organizations or specific teams, providing granular control over data access and usage.
</div>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<h3>Helpful links:</h3>
<ul class="helpful-links-list">
<li>User & Admin content: <a href="https://help.miro.com/hc/en-us/sections/31621562136978-Miro-MCP-Server-Beta" target="_blank">Help Center</a></li>
<li>Developer portal: <a href="https://developers.miro.com/docs/miro-mcp-prompts" target="_blank">Miro MCP Tools & Prompts</a></li>
<li>Learning and ideas: <a href="https://www.youtube.com/watch?v=4T7zaSCWrv4&list=PLmiHe0R4hbzSGgHWYFYwvbAKTvFPRvG2a" target="_blank">Miro MCP YouTube Tutorials</a></li>
<li>For troubleshooting or help: <a href="https://help.miro.com/hc/en-us/requests/new" target="_blank">Miro Support team</a></li>
<li>Tell us your experience: <a href="https://q2oeb0jrhgi.typeform.com/to/YATmJPVx?typeform-source=developers.miro.com" target="_blank">Feedback Form</a></li>
</ul>

Miro MCP for Cursor

Equip your Cursor agent with Miro’s MCP Server to create diagrams, create code from your board context, and interact directly with the canvas.

<div class="hero-box">
  <div>With Miro MCP for Claude Code, your board becomes the model's live context. PRDs, user stories, and diagrams in Miro flow directly into Claude Code for code generation, and you can send code insights back to Miro as architecture diagrams, keeping product and engineering in sync without manual handoffs.</div>
</div>

<h3>Now you and your teams can go from:</h3>

<ul class="feature-list">
  <li><strong>Board &rarr; Code and architecture diagrams:</strong> Use requirements and diagrams from a Miro board to generate implementable code and system diagrams in Claude Code, reducing "spec drift" and rework.</li>
  <li><strong>Code &rarr; Board:</strong> Ask Claude Code to analyze a codebase and draft an architecture diagram or technical explainer directly onto a target Miro board for review and collaboration.</li>
  <li><strong>Board &rarr; Summaries and docs:</strong> Pull structured summaries of complex planning boards into Claude Code to bootstrap READMEs, ADRs, or migration plans, accelerating documentation with shared context.</li>
</ul>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<p>By installing this, you connect <a href="https://help.miro.com/hc/en-us/articles/31624028247058-Miro-MCP-Server-overview" target="_blank">Miro's MCP Server</a> with Claude Code's MCP Client. This will allow Claude Code to read board content from the URL you provide and use it as context.</p>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<h3>Set up</h3>

<p>Important: If you are on an <strong>Enterprise plan</strong>, you will need to ask your Admin to enable MCP. See the <a href="https://help.miro.com/hc/en-us/articles/31625761037202-Miro-MCP-Server-admin-guide" target="_blank">Admin Guide</a>.</p>

<p>First, configure in Claude Code:</p>
<ul class="feature-list">
  <li>Add the Miro MCP server via CLI using HTTP transport with the command: <code>claude mcp add --transport http miro https://mcp.miro.com</code>.</li>
</ul>

<p>Then, authenticate with Miro OAuth:</p>
<ul class="feature-list">
  <li>You will be redirected to authenticate with Miro OAuth</li>
  <li>Select the Miro team you wish to connect to<br><em>(important: MCP will only be able to read the boards in the team you choose in this flow)</em></li>
  <li>Once you've successfully completed this flow, you are ready to go</li>
</ul>

<p>You can verify by checking your Miro MCP Server status is "Running" in Claude Code.</p>

<p><strong>Give it a try -</strong> Open Claude Code, add the Miro MCP server, and paste a Miro board URL into your next prompt; try generating an architecture diagram from your current PRD to see the end-to-end loop in action.</p>

<p>If something isn't working, check this <a href="https://help.miro.com/hc/en-us/articles/31625301583890-How-to-enable-Miro-s-MCP-Server-user-guide" target="_blank">help article</a>, or open a ticket with our <a href="https://miro.com/marketplace/miro-mcp-for-lovable/#" target="_blank">support team</a>.</p>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<div class="note-box">
<strong>Tips:</strong><br>
• MCP is in Public Beta. Enterprise orgs may need admin enablement, while other plans can authorize directly.<br>
• Please note that Miro AI must be enabled to use the board summary function and Miro AI credits will be consumed for this feature.<br>
<br>
<strong>Security & Compliance:</strong><br>
• OAuth 2.1 authentication with individual user credentials<br>
• All existing Miro permissions and access controls maintained<br>
• <strong>Enterprise-grade security standards:</strong> enterprise admins can enable or disable MCP for entire organizations or specific teams, providing granular control over data access and usage.
</div>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<h3>Helpful links</h3>

<ul class="helpful-links-list">
  <li>User & Admin content: <a href="https://help.miro.com/hc/en-us/sections/31621562136978-Miro-MCP-Server-Beta" target="_blank">Help Center</a></li>
  <li>Developer portal: <a href="https://developers.miro.com/docs/miro-mcp-prompts" target="_blank">Miro MCP Tools & Prompts</a></li>
  <li>Learning and ideas: <a href="https://www.youtube.com/watch?v=4T7zaSCWrv4&list=PLmiHe0R4hbzSGgHWYFYwvbAKTvFPRvG2a" target="_blank">Miro MCP YouTube Tutorials</a></li>
  <li>For troubleshooting or help: <a href="https://help.miro.com/hc/en-us/requests/new" target="_blank">Miro Support team</a></li>
  <li>Tell us your experience: <a href="https://q2oeb0jrhgi.typeform.com/to/YATmJPVx?typeform-source=developers.miro.com" target="_blank">Feedback Form</a></li>
</ul>

Miro MCP for Claude Code

 Equip your Claude Code agent with Miro’s MCP Server to create diagrams, create code from your board context, and interact directly with the canvas. 

<div class="hero-box"><div>With Miro MCP for GitHub Copilot, your board's PRDs, diagrams, and decisions become live context inside your IDE. This enables Copilot to reason with the same source of truth your team uses to plan work, bridging visual planning and implementation.</div></div>

<h3>Now you and your teams can go from:</h3> <ul class="feature-list"> <li><strong>Board &rarr; Code:</strong> Generate scaffolds or functions guided by a Miro board URL that contains requirements and designs, reducing rework and ambiguity.</li> <li><strong>Code/Repo &rarr; Diagram on Miro:</strong> Create architecture or sequence diagrams on a target board from VS Code based on your code or a GitHub URL, keeping system visuals accurate and up-to-date.</li> <li><strong>Board &rarr; Summary/Docs:</strong> Summarize complex planning boards into structured notes and decisions that Copilot can then turn into tasks or code changes.</li> </ul>

<p>By installing this, you connect <a href="https://help.miro.com/hc/en-us/articles/31624028247058-Miro-MCP-Server-overview" target="_blank">Miro's MCP Server</a> with GitHub Copilot's MCP Client. This will allow GitHub Copilot to read board content from the URL you provide and use it as context.</p>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<h3>Set up</h3> <p><strong>Important:</strong> If you are on an <strong>Enterprise plan</strong>, you will need to ask your Admin to enable MCP. See the <a href="https://help.miro.com/hc/en-us/articles/31625761037202-Miro-MCP-Server-admin-guide" target="_blank">Admin Guide</a>.</p>

<p><strong>First, configure in GitHub Copilot:</strong></p> <ol> <li>In VS Code, open the Command Palette &rarr; "MCP: Add Server".</li> <li>Choose HTTP and set the URL to: <code>https://mcp.miro.com/</code>.</li> </ol>

<p><strong>Then, authenticate with Miro OAuth:</strong></p> <ol> <li>You will be redirected to authenticate with Miro OAuth</li> <li>Select the Miro team you wish to connect to<br><em>(important: MCP will only be able to read the boards in the team you choose in this flow)</em></li> <li>Once you've successfully completed this flow, you are ready to go</li> </ol>

<p>You can verify by checking your Miro MCP Server status is "Running" in GitHub Copilot.<br> <strong>Give it a try -</strong> paste a board URL into Copilot Chat and ask it to create code from your PRD.<br> If something isn't working, check this <a href="https://help.miro.com/hc/en-us/articles/31625301583890-How-to-enable-Miro-s-MCP-Server-user-guide" target="_blank">help article</a>, or open a ticket with our <a href="https://miro.com/marketplace/miro-mcp-for-lovable/#" target="_blank">support team</a>.</p>

<p>Please note that Miro AI must be enabled to use the board summary function and Miro AI credits will be consumed for this feature.</p>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<h3>Security & Compliance:</h3> <ul> <li>OAuth 2.1 authentication with individual user credentials</li> <li>All existing Miro permissions and access controls maintained</li> <li><strong>Enterprise-grade security standards:</strong> enterprise admins can enable or disable MCP for entire organizations or specific teams, providing granular control over data access and usage.</li> </ul>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<h3>Helpful links:</h3>
<ul class="helpful-links-list">
  <li>User & Admin content: <a href="https://help.miro.com/hc/en-us/sections/31621562136978-Miro-MCP-Server-Beta" target="_blank">Help Center</a></li>
  <li>Developer portal: <a href="https://developers.miro.com/docs/miro-mcp-prompts" target="_blank">Miro MCP Tools & Prompts</a></li>
  <li>Learning and ideas: <a href="https://www.youtube.com/watch?v=4T7zaSCWrv4&list=PLmiHe0R4hbzSGgHWYFYwvbAKTvFPRvG2a" target="_blank">Miro MCP YouTube Tutorials</a></li>
  <li>For troubleshooting or help: <a href="https://help.miro.com/hc/en-us/requests/new" target="_blank">Miro Support</a></li>
</ul>

Miro MCP for GitHub Copilot and VSCode

 Equip your GitHub Copilot agent with Miro’s MCP Server to create diagrams, create code from your board context, and interact directly with the canvas. 

<div class="hero-box"><div>With Miro MCP for Gemini CLI, Miro becomes the visual layer for agentic workflows in Gemini CLI. It lets Gemini securely read the right board, reason with that visual structure, and draft code, docs, or diagrams - without custom glue code or manual copy/paste.</div></div>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<p>Now you and your teams can go from:</p>

<ul class="feature-list">
<li><strong>Miro Board &rarr; Gemini CLI Code Session:</strong> Pull specs, user flows, or architecture from a Miro board into Gemini to ground generation and refactoring, improving accuracy because the AI can cite and use your real artifacts.</li>
<li><strong>Code in Terminal &rarr; Technical Documentation:</strong> Ask Gemini to turn code modules or service boundaries into up-to-date system diagrams, docs, or tables on a designated Miro board so the team shares one visual source of truth.</li>
<li><strong>Mixed Research &rarr; Miro Doc/Diagram:</strong> Have Gemini summarize a board (stickies, images, docs) and draft a concise brief or a diagram back onto the same board, accelerating planning handoffs.</li>
</ul>

<p>By installing this, you connect Miro's MCP Server with Gemini CLI's MCP Client. This will allow Gemini CLI to read board content from the URL you provide and use it as context.</p>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<h3>Set up</h3>

<p><strong>Important:</strong> If you are on an Enterprise plan, you will need to ask your Admin to enable MCP. See the <a href="#" target="_blank">Admin Guide</a>.</p>

<p><strong>First, configure in Gemini CLI:</strong></p>
<p>Gemini CLI supports adding MCP servers via settings.json or CLI command.</p>
<ul>
<li>Run: <code>gemini mcp add miro-mcp https://mcp.miro.com/</code></li>
</ul>

<p><strong>Then, authenticate with Miro OAuth:</strong></p>
<ul>
<li>You will be redirected to authenticate with Miro OAuth</li>
<li>Select the Miro team you wish to connect to (important: MCP will only be able to read the boards in the team you choose in this flow)</li>
<li>Once you've successfully completed this flow, you are ready to go</li>
</ul>

<p>You can verify by checking your Miro MCP Server status is "Running" in Gemini CLI.</p>

<p><strong>Give it a try</strong> - Open Gemini CLI, run <code>/mcp</code> to verify tools are ready, then paste a Miro board URL in your prompt and ask Gemini to "summarize the board and generate a system diagram back to this board."</p>

<p>If something isn't working, check this <a href="#" target="_blank">help article</a>, or open a ticket with our <a href="#" target="_blank">support team</a>.</p>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<div class="note-box">
<h3>Tips:</h3>
During OAuth, select the exact Miro team with the boards you'll reference - MCP access is limited to the team you choose, and agents won't auto-discover boards without a full board URL in your prompt.<br>
Please note that Miro AI must be enabled to use the board summary function and Miro AI credits will be consumed for this feature.
</div>
<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;"> <h3>Security & Compliance:</h3> <ul> <li>OAuth 2.1 authentication with individual user credentials</li> <li>All existing Miro permissions and access controls maintained</li> <li><strong>Enterprise-grade security standards:</strong> enterprise admins can enable or disable MCP for entire organizations or specific teams, providing granular control over data access and usage.</li> </ul> <hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;"> <h3>Helpful links:</h3> <ul class="helpful-links-list"> <li>User & Admin content: <a href="https://help.miro.com/hc/en-us/sections/31621562136978-Miro-MCP-Server-Beta" target="_blank">Help Center</a></li> <li>Developer portal: <a href="https://developers.miro.com/docs/miro-mcp-prompts" target="_blank">Miro MCP Tools & Prompts</a></li> <li>Learning and ideas: <a href="https://www.youtube.com/watch?v=4T7zaSCWrv4&list=PLmiHe0R4hbzSGgHWYFYwvbAKTvFPRvG2a" target="_blank">Miro MCP YouTube Tutorials</a></li> <li>For troubleshooting or help: <a href="https://help.miro.com/hc/en-us/requests/new" target="_blank">Miro Support</a></li> </ul>

Miro MCP for Gemini CLI

Equip your Gemini agent with Miro’s MCP Server to create diagrams, create code from your board context, and interact directly with the canvas.

<div class="hero-box"> <div>With Miro MCP for AWS Kiro, your whiteboarded specs, diagrams, and PRDs become first‑class context inside Kiro - so code generation and implementation reflect your actual architecture and decisions, not vague prompts. MCP bridges Miro's visual workspace with AI IDEs, letting Kiro read board content and (where supported) push structured outputs back to Miro for review and alignment.</div> </div>

<h3>Now you and your teams can go from:</h3>

<ul class="feature-list"> <li><strong>Miro PRD/Diagrams &rarr; Kiro App/Infra Scaffolding:</strong> Feed Kiro the precise system vocabulary (entities, APIs, constraints) captured in Miro; Kiro uses this context to generate higher‑fidelity code, CloudFormation/CDK templates, and starter services aligned to your architecture decisions - reducing re‑prompts and rework.</li> <li><strong>Codebase &rarr; Miro Diagrams for Shared Understanding:</strong> Use Kiro alongside MCP tools to transform existing code or infra definitions into sequence/system diagrams on Miro, so PMs and architects can validate flows, dependencies, and trade‑offs without diving into the repo.</li> <li><strong>Spec Iteration &rarr; Implementation Loop:</strong> Iterate specs in Miro (add decisions, non‑functionals, edge cases), re‑run in Kiro, and keep a bi‑directional feedback loop - so updates in design stay in lockstep with generated code and deployment plans.</li> </ul>

<p>By installing this, you connect <a href="https://help.miro.com/hc/en-us/articles/31624028247058-Miro-MCP-Server-overview" target="_blank">Miro's MCP Server</a> with AWS Kiro's MCP Client. This will allow AWS Kiro to read board content from the URL you provide and use it as context.</p>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<h3>Set up</h3>

<p><strong>Important:</strong> If you are on an <strong>Enterprise plan</strong>, you will need to ask your Admin to enable MCP. See the <a href="https://help.miro.com/hc/en-us/articles/31625761037202-Miro-MCP-Server-admin-guide" target="_blank">Admin Guide</a>.</p>

<p><strong>First, configure in AWS Kiro:</strong></p>

<p>If Kiro supports direct remote MCP servers in your build:</p> <ol> <li>Open Kiro's settings for MCP/Integrations and add a new MCP server.</li> <li>Set the server endpoint to the Miro MCP Server (your org's endpoint; typically mcp.miro.com) and save.</li> </ol>

<p>If your Kiro build expects stdio transport (no remote servers enabled), use an MCP proxy:</p> <ol> <li>Install the MCP proxy on your machine (e.g., Homebrew): <code>brew install mcp-proxy</code></li> <li>Configure Kiro's MCP client to launch the proxy with streamable HTTP and point it to the Miro MCP endpoint, for example:</li> </ol>

<pre><code>"Miro": { "command": "mcp-proxy", "args": ["--transport=streamablehttp", "https://svc.eu01.miro..."] }</code></pre>

<p><strong>Then, authenticate with Miro OAuth:</strong></p> <ul> <li>You will be redirected to authenticate with Miro OAuth</li> <li>Select the Miro team you wish to connect to (important: MCP will only be able to read the boards in the team you choose in this flow)</li> <li>Once you've successfully completed this flow, you are ready to go</li> </ul>

<p>You can verify by checking your Miro MCP Server status is "Running" in AWS Kiro.</p>

<p><strong>Give it a try -</strong> Open Kiro and paste a Miro board URL—then generate your first app or infra scaffold straight from your team's real context.</p>

<p>If something isn't working, check this <a href="https://help.miro.com/hc/en-us/articles/31625301583890-How-to-enable-Miro-s-MCP-Server-user-guide" target="_blank">help article</a>, or open a ticket with our <a href="https://miro.com/marketplace/miro-mcp-for-lovable/#" target="_blank">support team</a>.</p>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<h3>Tips:</h3> <p>Ensure Miro AI is enabled for the best experience with diagram generation.</p>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<div class="note-box"> <strong>About Miro MCP + AWS Kiro:</strong><br> This is available for all Miro plans. But Enterprise plans requires admin-approval and will need to explicitly enable MCP as shown in this <a href="https://help.miro.com/hc/en-us/articles/31625761037202-Miro-MCP-Server-admin-guide

Miro MCP for Kiro

Equip your Kiro agent with Miro’s MCP Server to create diagrams, create code from your board context, and interact directly with the canvas.

<div class="hero-box">
  <div>
    <p>With Miro MCP for Windsurf, your board's living specs, diagrams, and decisions become first-class context right inside your IDE. Windsurf can read the exact board you point to and generate or refactor code, then push fresh technical diagrams back to the same board - keeping the canvas and the code in sync.</p>
  </div>
</div>

<p>Now you and your teams can go from:</p>

<ul class="feature-list">
  <li><strong>Miro Board &rarr; Windsurf Code:</strong> Include a Miro board URL with your PRD, user stories, or architecture notes and have Windsurf generate scaffolds or targeted changes grounded in the board's source of truth—fewer misreads, faster iteration.</li>
  <li><strong>Repository/Code &rarr; Miro Diagram:</strong> Ask Windsurf to visualize a service, sequence, or dependency graph from your codebase; the Miro MCP server drafts the diagram back onto your board for shared review and alignment.</li>
  <li><strong>Mixed Context &rarr; Faster Understanding:</strong> Pull board docs, tags, and images as context while coding so Windsurf can explain unfamiliar modules or propose refactors that match current architecture decisions.</li>
</ul>

<p>By installing this, you connect <a href="https://help.miro.com/hc/en-us/articles/31624028247058-Miro-MCP-Server-overview" target="_blank">Miro's MCP Server</a> with Windsurf's MCP Client. This will allow Windsurf to read board content from the URL you provide and use it as context.</p>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<h3>Set up</h3>

<p><strong>Important:</strong> If you are on an <strong>Enterprise plan</strong>, you will need to ask your Admin to enable MCP. See the <a href="https://help.miro.com/hc/en-us/articles/31625761037202-Miro-MCP-Server-admin-guide" target="_blank">Admin Guide</a>.</p>

<p>First, configure in Windsurf:</p>

<ul class="feature-list">
  <li>In Windsurf, open Settings &rarr; Cascade &rarr; Manage MCPs &rarr; Configure.</li>
  <li>Add a remote MCP server with this configuration:</li>
</ul>

<p>{<br>
  "mcpServers": {<br>
    "miro-mcp": {<br>
      "url": "<a href="https://mcp.miro.com/" target="_blank">https://mcp.miro.com/</a>",<br>
      "disabled": false,<br>
      "autoApprove": []<br>
    }<br>
  }<br>
}</p>

<p>Then, authenticate with Miro OAuth:</p>

<ul class="feature-list">
  <li>You will be redirected to authenticate with Miro OAuth</li>
  <li>Select the Miro team you wish to connect to<br><em>(important: MCP will only be able to read the boards in the team you choose in this flow)</em></li>
  <li>Once you've successfully completed this flow, you are ready to go</li>
</ul>

<p>You can verify by checking your Miro MCP Server status is "Running" in Windsurf.</p>

<p><strong>Give it a try -</strong> Paste a Miro board URL in a Windsurf prompt and ask it to 'create an architecture diagram on this board' or 'generate code based on this PRD' - watch the canvas and your editor stay perfectly in step.</p>

<p>If something isn't working, check this <a href="https://help.miro.com/hc/en-us/articles/31625301583890-How-to-enable-Miro-s-MCP-Server-user-guide" target="_blank">help article</a>, or open a ticket with our <a href="https://miro.com/marketplace/miro-mcp-for-lovable/#" target="_blank">support team</a>.</p>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<div class="note-box">
<h3>Tips:</h3>
During OAuth, choose the exact Miro team where your target boards live - access and tool availability are scoped to that team. You must include a full board URL in prompts; agents don't auto-discover other boards.<br>
Please note that Miro AI must be enabled to use the board summary function and Miro AI credits will be consumed for this feature.<br><br>
<strong>Security &amp; Compliance:</strong><br>
OAuth 2.1 authentication with individual user credentials<br>
All existing Miro permissions and access controls maintained<br>
<strong>Enterprise-grade security standards:</strong> enterprise admins can enable or disable MCP for entire organizations or specific teams, providing granular control over data access and usage.
</div>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<h3>Helpful links:</h3>

<ul class="helpful-links-list">
  <li>User &amp; Admin content: <a href="https://help.miro.com/hc/en-us/sections/31621562136978-Miro-MCP-Server-Beta" target="_blank">Help Center</a></li>
  <li>Developer portal: <a href="https://developers.miro.com/docs/miro-mcp-prompts" target="_blank">Miro MCP Tools &amp; Prompts</a></li>
  <li>Learning and ideas: <a href="https://www.youtube.com/watch?v=4T7zaSCWrv4&list=PLmiHe0R4hbzSGgHWYFYwvbAKTvFPRvG2a" target="_blank">Miro MCP YouTube Tutorials</a></li>
  <li>For troubleshooting or help: <a href="https://help.miro.com/hc/en-us/requests/new" target="_blank">Miro Support team</a></li>
  <li>Tell us your experience: <a href="https://q2oeb0jrhgi.typeform.com/to/YATmJPVx?typeform-source=developers.miro.com" target="_blank">Feedback Form</a></li>
</ul>

Miro MCP for Windsurf

Equip your Windsurf agent with Miro’s MCP Server to create diagrams, create code from your board context, and interact directly with the canvas.

<div class="hero-box">
  <div>With Miro MCP for Devin, Miro becomes the visual layer for agentic workflows in Devin. PRDs, diagrams, and decisions on a Miro board flow directly into the agent so code is generated and reviewed against your real architecture and requirements—not generic patterns. In the other direction, Devin can turn code or repo structure into up-to-date system diagrams or docs on Miro, keeping product and engineering in sync without manual handoffs.</div>
</div>

<h3>Now you and your teams can go from:</h3>
<ul class="feature-list">
  <li><strong>Miro Board &rarr; Devin Code Session:</strong> Point Devin to a Miro board with specs, system maps, and standards so it grounds generation and refactors in the same artifacts your team already aligned on; fewer misinterpretations and faster starts.</li>
  <li><strong>Code/Repo &rarr; Context on Miro:</strong> Ask Devin to analyze a codebase (or Git URL) and draft an architecture diagram, document, or table onto a target Miro board so onboarding and design reviews start from a shared visual truth.</li>
  <li><strong>Mixed Research &rarr; Concise Brief/Diagram:</strong> Have Devin summarize a busy planning board (stickies, images, docs) and draft a concise doc or diagram back onto the board to accelerate planning-to-build handoff.</li>
</ul>

<p>By installing this, you connect Miro's MCP Server with Devin's MCP Client. This will allow Devin to read board content from the URL you provide and use it as context.</p>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<h3>Set up</h3>
<p><strong>Important:</strong> If you are on an Enterprise plan, you will need to ask your Admin to enable MCP. See the Admin Guide.</p>

<p><strong>First, configure in Devin:</strong><br>
In Devin, add the Miro MCP Server as an MCP connection (HTTP transport) and set the server URL to: <code>https://mcp.miro.com/</code>. If Devin supports manual MCP JSON config, use an entry equivalent to:</p>

<pre><code>{ "mcpServers": { "miro-mcp": { "url": "https://mcp.miro.com/", "disabled": false, "autoApprove": [] } } }</code></pre>

<p><strong>Then, authenticate with Miro OAuth:</strong></p>
<ul>
  <li>You will be redirected to authenticate with Miro OAuth</li>
  <li>Select the Miro team you wish to connect to<br>(important: MCP will only be able to read the boards in the team you choose in this flow)</li>
  <li>Once you've successfully completed this flow, you are ready to go</li>
</ul>

<ul>
  <li>You can verify by checking your Miro MCP Server status is "Running" in Devin.</li>
  <li>Give it a try - Paste a Miro board URL into Devin and ask it to "generate an architecture diagram on this board from the repo," or "scaffold endpoints based on this PRD."</li>
  <li>If something isn't working, check this help article, or open a ticket with our support team.</li>
</ul>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<div class="note-box">
<strong>Tips:</strong><br>
Enterprise orgs often require admin enablement of Miro MCP; verify it's enabled if the OAuth step doesn't appear. Some MCP tools may use Miro AI features and can consume your organization's AI credits.<br>
Please note that Miro AI must be enabled to use the board summary function and Miro AI credits will be consumed for this feature.<br><br>

<strong>Security & Compliance:</strong><br>
OAuth 2.1 authentication with individual user credentials<br>
All existing Miro permissions and access controls maintained<br>
Enterprise-grade security standards: enterprise admins can enable or disable MCP for entire organizations or specific teams, providing granular control over data access and usage.
</div>

<hr style="border: 0; border-top: 1px solid #E5E5E5; margin: 32px 0;">

<h3>Helpful links</h3>
<ul class="helpful-links-list">
  <li>User & Admin content: <a href="https://help.miro.com/" target="_blank">Help Center</a></li>
  <li>Developer portal: <a href="https://developers.miro.com/" target="_blank">Miro MCP Tools & Prompts</a></li>
  <li>Learning and ideas: <a href="https://www.youtube.com/miro" target="_blank">Miro MCP YouTube Tutorials</a></li>
  <li>For troubleshooting or help: <a href="https://help.miro.com/hc/en-us/requests/new" target="_blank">Miro Support team</a></li>
  <li>Tell us your experience: <a href="https://miro.com/feedback" target="_blank">Feedback Form</a></li>
</ul>

Miro MCP for Devin

Equip your Devin agent with Miro’s MCP Server to create diagrams, create code from your board context, and interact directly with the canvas.

Read profile information for current user

Modify current team title, invite users, change users' roles

Modify profile information for current user

Read organization team information, team settings, team members

Read audit logs for this team's organization

Read information about organizations, organization members

MCP Clients