Seamlessly connect your team’s visual thinking in Miro with the autonomous coding power of Lovable.

Now you and your teams can go from:

• Context → Code: Transform PRDs, technical designs, diagrams, and workshop notes from Miro into active context for your Lovable Agent.
• Code → Diagram: Create technical diagrams (architecture, sequence flows) on Miro boards directly from your Lovable workspace or repositories.
• Prototype → Board: Embed live, interactive Lovable prototypes back into Miro for seamless review and feedback loops with stakeholders.

Before you start:
If you are on an Enterprise plan, you will need to ask your Admin to enable MCP. See the Admin Guide.

How to Connect:

• Configure in Lovable: 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.
• Authenticate w/ OAuth: You will be redirected to authenticate with Miro OAuth. Select the Miro team you wish to connect. (See our dev docs for help with team selection).
• Verify & Prompt: 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.

And if something isn't working, or you need help, please open a ticket with our support team.

Helpful links:

• Help Center
• Miro MCP YouTube Tutorials
• Miro Developer Docs
• Feedback Form