
We've launched FlutterFlow MCP, a new way to build and edit FlutterFlow apps using the AI coding agent you already use.
Point Claude Code, Cursor, or any agent at your FlutterFlow project, and ask it to add a page, wire up an API, restyle a component, or fix a bug. The agent writes precise, reviewable code, validates it locally, and pushes the changes to your project, where they show up in the FlutterFlow editor just like anything else.
Getting Started
# 1. Install the CLI
dart pub global activate flutterflow_cli
# 2. Scaffold a workspace — the init wizard will prompt you for the rest
flutterflow ai init my-app
# 3. Hop in
cd my-app
# 4. Open your agent of choice — Claude Code, Codex, Gemini, Cursor, Copilot —
# and let it drive. The workspace ships everything an MCP-aware agent needs.
# Edit Existing FlutterFlow Project
flutterflow ai init my-app --project <project-id>
You'll need an API token. Grab one at https://app.flutterflow.io/account.
Video Tutorial
Links
Updated on
May 8, 2026