Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Runs on your computer
Miro
What it does
Official Miro MCP server - Supports context to code and creating diagrams, docs, and data tables.
- Connects Runs in the cloud
- Account or key Sign in to the service when you connect (OAuth)
- Category Design, images & audio
Install
Pick the AI app you use, then copy the settings.
Passed 4/4 checks · What you ask goes through the maker’s server (mcp.miro.com)
First: which AI do you use?
Pick your app and the steps appear below.
Works with Claude · about 2 min
No key, nothing to install · Set it up once on claude.ai or the desktop app, then use it in chat · free accounts can add 1 · on Team/Enterprise an Owner adds it
Open Claude’s Connectors page
CustomizeConnectors
Click “+ Add” → “Add custom connector” and fill in these 2 fields
Copy each value into the field with the same name in Claude, then click Continue
Name · NameMiroRemote MCP server URL · Addresshttps://mcp.miro.com/Leave Authentication as Claude detected it, then click Add
Turn it on in a chat
+ConnectorsMiro
Try it
Use Miro and tell me what you can do for me, then show me one thing✓ If Claude says it is using Miro or shows a Miro tool in the answer, you are connected
Menu names checked against Anthropic’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Works with ChatGPT on business plans only
ChatGPT Business, Enterprise or Edu on the web, added by a workspace admin or owner · On Free, Plus or Pro: your ChatGPT plan cannot connect MCP yet
Open ChatGPT’s add-MCP page on the web
Plugins+Add custom MCP server
Fill in the name and address
Enter a name, paste the address under Connection, tick the risk warning and click Create as a plugin
Name · NameMiroConnection · Addresshttps://mcp.miro.com/Pick Miro in a chat
Start a new chat and pick Miro from your plugins before typing
Try it
Use Miro and tell me what you can do for me, then show me one thing✓ If ChatGPT says it is using Miro or shows a Miro tool in the answer, you are connected
Menu names checked against OpenAI’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Works with Claude Code · about 2 min
No key, nothing to install
Open Terminal
Mac: press Command+Space and type Terminal · Windows: open PowerShell
Paste this command and press Enter
claude mcp add --transport http --scope user miroapp https://mcp.miro.com/Type /mcp in Claude Code
You should see Miro listed as connected
Try it
Use Miro and tell me what you can do for me, then show me one thing✓ If Claude Code says it is using Miro or shows a Miro tool in the answer, you are connected
Menu names checked against Anthropic’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Works with Cursor · about 2 min
No key, nothing to install
Open the AI chat in Cursor in Agent mode
Try it
Use Miro and tell me what you can do for me, then show me one thing✓ If Cursor says it is using Miro or shows a Miro tool in the answer, you are connected
Menu names checked against Cursor’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Works with VS Code · about 2 min
No key, nothing to install
Open the AI chat in VS Code in Agent mode
Try it
Use Miro and tell me what you can do for me, then show me one thing✓ If VS Code says it is using Miro or shows a Miro tool in the answer, you are connected
Menu names checked against VS Code’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Other apps that use MCP, such as Windsurf, Zed or Gemini CLI, each add servers differently. See how in the app list.
Address for apps that connect over the web
Address
https://mcp.miro.com/JSON settings are under “For developers” below
For developers: Terminal commands and JSON settings
Over the web
Claude Code
claude mcp add --transport http --scope user miroapp https://mcp.miro.com/Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"miroapp": {
"url": "https://mcp.miro.com/"
}
}
}VS Code (mcp.json)
{
"servers": {
"miroapp": {
"type": "http",
"url": "https://mcp.miro.com/"
}
}
}These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
At a glance
Which apps can use it
Based on how this server connects and on each app’s own docs, checked Nov 10, 2026.
Connect over the internet in
ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
Related guides
What it can do
The server asks you to sign in before it lists its tools.
Basic checksi
We check information anyone can see; we have not read the code. Checks that do not apply are left out of the count. · Checked Nov 12, 2026
- ✓ Pass
Maker matches the repo
The registry name was verified with the GitHub account miroapp, which owns the repo
- ✓ Pass
Still maintained
Code last changed 2 months ago
- … Not checked yet
Has a licence
We have not read this repo from GitHub yet
- ✓ Pass
Endpoint responds
Responded in 189 ms (HTTP 401)
- ✓ Pass
Sign-in with OAuth
Declares OAuth sign-in, so your AI app can take you to log in
- … Not checked yet
No hidden instructions in tool descriptions
Not checked yet; we read the tool list when we check the endpoint
Discussion
Ask, share a tip or report that it does not work. Sorted by what people marked helpful.
No posts yet. Be the first to ask or share.
Posts here are written by users, not the PopNx team.
User reviews
No reviews yet
Compared with others in Design, images & audioi
- More stars than 98% of the other 2951 servers in this category
- Published to the registry more recently than 2% of the other 2951 servers in this category
- Basic checks equal to or better than 100% of the other 2951 servers in this category
Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.
Common questions
Is Miro safe?
It passed 4 of 4 applicable basic checks. We have not read the code. Before adding a key or token, see what access the server asks for and use a key with only the permissions you need.
What keys or codes does it need?
The registry does not list a required key, though some servers ask you to sign in on first use.
Does it run on my computer or in the cloud?
It runs in the maker’s cloud. Connect over the internet with nothing to install, but what you send passes through the maker’s servers.
Is it still maintained?
The GitHub repo last changed 2 months ago, and the latest version (1.0.2) reached the registry 8 months ago.
Which apps can use it?
Apps that support MCP, such as Claude Desktop, Claude Code, Cursor and VS Code. It connects by URL, so apps that accept remote MCP servers work too, such as ChatGPT Business and above.
What can I use instead?
In the same category: Figma Context MCP, AutoClip, Next AI Draw.io
Others in the same category
Servers in the same category from other makers, sorted by stars.
Reading a card:↓ Downloads per weeki★ GitHub starsiThree pillars: reviews · checks · usageiUpdated = latest version published to the registryi
AutoClip
Clip long videos into short clips with covers and captions. Local CLI and MCP.
Runs on your computer
Next AI Draw.io
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
Runs on your computer
README from the maker
Open the README
Copied from the maker’s repo as written. PopNx MCP has not reviewed or endorsed it. HTML, images and scripts are removed. Links lead off this site.
Miro AI Developer Tools
Connect AI coding assistants to your Miro boards. Create diagrams, extract context, generate code from designs, and track tasks—all through natural conversation.
What's in This Repository?
This repo provides everything you need to connect AI tools to Miro:
| Component | What It Does |
|---|---|
| Miro MCP Server | API that gives AI agents access to your Miro boards |
| Plugins & Extensions | Pre-built integrations for popular AI tools |
| Documentation | Guides for using and developing integrations |
Supported AI Tools
| AI Tool | Integration |
|---|---|
| Claude Code | Plugins |
| Gemini CLI | Extensions |
| Codex | Local plugins |
| Kiro | Power |
| Agent Skills | Skills |
| Cursor, VSCode, Windsurf, etc. | MCP Config |
Quick Start
Step 1: Choose Your AI Tool
Select your AI tool below and follow the installation steps.
Step 2: Install
Claude Code (Recommended)
/plugin marketplace add miroapp/miro-ai/plugin install miro@miro-ai
The miro plugin bundles all skills (browse, code-review, code-spec, code-explain-on-board, diagram, doc, format, table) and the Miro MCP server.
Restart Claude Code after installation. If you previously configured Miro MCP manually, remove the duplicate to avoid conflicts — the plugin already manages the MCP connection for you.
See Claude Code Plugins for full documentation.
Gemini CLI
gemini extensions install https://github.com/miroapp/miro-aiGemini CLI installs the repo as an extension, registers the Miro MCP server from gemini-extension.json, and auto-discovers the 8 bundled skills from skills/. Restart Gemini CLI and authenticate when prompted.
See Gemini CLI Extension | Official Docs
Kiro
- Open the Powers panel in Kiro
- Click Add power from GitHub
- Enter:
miroapp/miro-aiand selectpowers/code-gen
For local development, see CONTRIBUTING.md.
See Kiro Powers | Official Docs
Agent Skills (agentskills.io)
Portable knowledge skills that work across AI coding tools (Claude Code, Cursor, VS Code + Copilot, Codex, etc.).
npx skills add miroapp/miro-ai # Interactive installnpx skills add miroapp/miro-ai --list # List available skills npx skills add miroapp/miro-ai --skill=miro-code-review # Install specific skill
Available skills: miro-code-explain-on-board, miro-code-review, miro-code-spec
See Agent Skills Overview | agentskills.io
Other MCP Clients (Cursor, VSCode + Copilot, Windsurf, Lovable, Replit, etc.)
Add to your MCP client configuration file:
{"mcpServers": { "miro": { "url": "https://mcp.miro.com/" } } }
Note: If a Miro plugin or extension becomes available for your client later,
switch to it and remove the manual entry to avoid duplicate servers.
See MCP Setup Guide for client-specific paths.
Step 3: Authenticate
When you first use a Miro command, you'll be prompted to authenticate:
- A browser window opens with Miro OAuth
- Log in to your Miro account
- Grant access to the requested boards
- Return to your AI tool—you're connected!
Step 4: Try It
Test your setup with these example prompts:
"What's on my Miro board https://miro.com/app/board/...""Create a flowchart on Miro showing a user login flow""Summarize the architecture diagram on my Miro board"Developer Mode
Want to modify plugins, test changes locally, or build your own? See CONTRIBUTING.md for dev setup instructions.
Codex plugins are generated locally into codex-plugins/*/ with the repo marketplace at .agents/plugins/marketplace.json. See Codex Plugins for the generated structure and CONTRIBUTING.md for regeneration and local testing.
Avoiding Duplicate Servers
If your client has a Miro plugin or extension, use only that — do not also add https://mcp.miro.com/ manually. Each installation method creates an independent MCP connection with its own OAuth session, and running more than one causes duplicate tools and auth confusion.
See the Duplicate MCP Servers guide in Miro's Developer docs for diagnosis and cleanup steps.
Enterprise Users
Admin Approval Required: If your organization is on a Miro Enterprise plan, your admin must enable the MCP Server before you can connect.
See Enterprise Guide for setup instructions.
What Can You Do?
Skills (Claude Code)
Skills auto-activate when you describe what you want naturally. No slash commands required — just include a Miro board URL.
| Skill | Triggers On |
|---|---|
miro-code-explain-on-board | "Explain this codebase on …", "Visualize the architecture on …" |
miro-code-review | "Review PR 123 on …", "Visual review of this branch on …" |
miro-code-spec | "Extract specs from …", "Pull the design docs at …" |
Creating content on a board — diagrams, documents, tables, stickies, standalone formats — needs no skill. Ask for it directly; the Miro MCP server's own tools cover it and load their authoring guidance on demand.
Capabilities (All Platforms)
| Capability | Description |
|---|---|
| Generate Diagrams | Create flowcharts, sequence diagrams, ERDs from code or descriptions |
| Generate Code | Convert board designs and wireframes into working code |
| Track Tasks | Sync tasks between AI conversations and Miro tables |
| Extract Context | Read board content to inform AI workflows |
Available Plugins
Claude Code
| Plugin | Description |
|---|---|
| miro | Core MCP integration with 3 bundled skills (code-explain-on-board, code-review, code-spec) |
Gemini CLI
| Extension | Description |
|---|---|
| miro | Core MCP integration with bundled skills |
Codex
| Plugin | Description |
|---|---|
| miro | Core MCP integration with native $miro: activation and MCP access |
Agent Skills
| Skill | Description |
|---|---|
| miro-code-explain-on-board | Explain a codebase on a board as a minimal, notation-correct diagram set plus a companion doc |
| miro-code-review | Visual code review from PRs, local changes, or branch comparisons |
| miro-code-spec | Extract Miro specs (docs, diagrams, prototypes, tables, images) to .miro/specs/ |
Kiro
| Power | Description |
|---|---|
| code-gen | Design-to-code workflows |
Security
- OAuth 2.1 secure authorization
- Enterprise compliance standards
- Permission-based access via your Miro account
- Rate limited API protection
Documentation
Getting Started
- MCP Setup Guide — Client-specific configuration
- Enterprise Guide — Admin setup for enterprise
Platform Guides
Reference
Development
External
Supported MCP Clients
Claude Code, Cursor, VSCode + GitHub Copilot, Gemini CLI, Lovable, Replit, Windsurf, Kiro, Glean, Devin, OpenAI Codex
Feedback & Support
- Issues & Features: Open an issue
- Feedback: Share your feedback
- Community: Miro Developer Community
License
MIT — see LICENSE
Built with love by Miro