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.

2. Start the build

Start a new chat.

Grab the share link (URL) of your Bravo-tagged Figma file and paste it into the prompt below:

Using bravo-mcp, iteratively develop a React Native app from this Figma file: [your Figma URL]. Use the component iteration workflow.

Bravo-MCP will then drive Claude through selecting screens, generating the design for each component and screen and then the code for each one. It will then build the backend, and deploy a usable web preview on Cloudflare. A number of screens will appear during this process showing your progress.

These are some example Bravo files that work well: https://www.bravostudio.app/academy/templates

Notes