Before you start
You'll need:
- A Figma account — this is how you sign in to Bravo MCP (OAuth). You do not need a paid Bravo account to try it; signing in with Figma gives you a 1-app Visitor trial.
- A design source — a Bravo-tagged Figma file, an existing Bravo Studio app, a Lovable project (and Lovable MCP added to your AI client see the FAQs), or a Pencil document (and Pencil MCP added to your AI Client, see the FAQs). See Step 2 for the path per source.
- (Optional) A paid Bravo Studio account — only needed to raise your app cap and unlock shared Android builds. Sign up at projects.bravostudio.app/signup.
- (For Lovable / Pencil sources) A host that supports more than one MCP server at once — Claude (web/desktop), Cursor, or Claude Code. Lovable and Pencil sources need their own MCP connected alongside Bravo MCP. ChatGPT allows only one MCP per chat, so it can't do the Lovable/Pencil flows.
NOTE
- If you ever get stuck your AI client knows all the things that Bravo MCP can you so you can just ask it, i.e. “How does Bravo MCP work?” or “What do I need to setup to import files from Lovable”. If you are ever not sure just ask!
- If you ever have a problem just tell Bravo MCP to raise an issue, it will then send us all the details of the problem so we know exactly what was going which helps us fix it faster.
Setup
1. Add the Bravo MCP custom connector
The MCP server URL is the same across every client:
<https://mcp.bravostudio.ai/mcp>
When prompted, authenticate via OAuth using the Figma account connected to your Bravo account.
Bravo MCP has been tested most heavily with Claude. It works in any MCP-compatible client; the steps below cover the common ones.
- Claude (web + desktop) — recommended
- ChatGPT (Plus / Pro / Team / Enterprise)
- Cursor