Connecting Miro MCP to AI Coding Tools
Guides on how to configure Miro MCP to AI Coding Tools
This is a beta release of our MCP: sign up at https://miro.com/ai/mcp/.
It is intended for evaluation and feedback purposes. The feature set and user experience may change in future releases.
Cursor
Go to Cursor settings -> Cursor Settings -> MCP -> Add a Custom MCP Server and add in the following JSON:
{
"mcpServers": {
"miro-mcp": {
"url": "https://mcp.miro.com/",
"disabled": false,
"autoApprove": []
}
}
}
Click on the authenticate button. This should open a new window for the Miro OAuth flow. Next, install the app on the team of your choice. Go back into Cursor and start prompting!
Claude Code
Watch the video below to see how to use Miro's MCP Server with Claude Code.
- Login to Claude Code with
claudecommand. - Next, use
claude mcp add --transport http miro https://mcp.miro.comto add the Miro MCP into Claude Code. - From there, you can use Miro MCP prompts by running:
/miro-mcp:code_explain_on_board
VSCode and GitHub Copilot
Watch the video below for details - written instructions also provided.
- Open the command palette with
> - Select "Add MCP Server", and then "HTTP"
- Enter in the URL: https://mcp.miro.com/
- Select either Global or Workspace
- Open the OAuth flow, install the app on the team of your choice
- use
/to start a prompt, and find the Miro MCP promptcode_create_from_boardand add in a board URL like https://miro.com/app/board/uX1234567/ and hit enter. - That's it!
Gemini CLI
Watch the video below:
Windsurf
- Go to Windsurf settings -> Windsurf Settings -> Cascade -> Manage MCPs -> Configure and then add in the following JSON:
{
"mcpServers": {
"miro-mcp": {
"url": "https://mcp.miro.com/",
"disabled": false,
"autoApprove": []
}
}
}
- Go through the Miro OAuth flow and add the MCP app on the team of your choice.
- Start prompting Windsurf to use Miro MCP, we recommend
code_create_from_boardadd in a board URL like https://miro.com/app/board/uX1234567/ and hit enter.
Updated about 2 hours ago