We Built a Full App Live On Stage | Plan, Design, Test, Ship (FFDC 2026)

Building a full app start to finish with FlutterFlow John and Pooja build a tech-conference Bingo app live on stage, and use it to walk through what it actually looks like to plan, design, build, debug, test, and ship a real app end-to-end with FlutterFlow's full product suite. A 5×5 buzzword Bingo board, a Supabase backend, three designed pages, and a passing test suite, all in one sitting, with Claude and Codex working side by side on planning and code, and John dropping "make it pop" comments on Pooja's designs in real time. Features Campus: the new collaborative spatial workspace giving your agents and teammates shared memory and context across the whole flow (https://flutterflow.io/campus) Designer 1.0: multiplayer canvas, comments, variants, and a DSL-native component library FlutterFlow 7.0: new project organization, test mode, and MCP-powered debugging Supabase edge functions — written and deployed without ever leaving the platform Test Pilot: AI-powered QA that turns plain-English instructions into automated test coverage Chapters 0:00 — Morning recap 0:55 — What shipped: FlutterFlow 7.0, Designer 1.0 & Campus 1:55 — Planning the app in Campus with Claude + Codex 4:25 — Designing the UI in Designer 8:20 — Wiring up the front-end logic + MCP debugging 10:05 — Building the Supabase backend & edge functions 12:20 — Testing with Test Pilot 14:05 — Wrap-up Recorded live at FFDC 2026 — the FlutterFlow Developer Conference, May 27–28 at The Midway in San Francisco. Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 https://www.flutterflow.com Follow us on Twitter 👉   / flutterflow   -------------- FlutterFlow is a visual development platform for building native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily connect your app to live data via Firebase or APIs. Plus, you can add advanced features like push notifications, payments, animations, and more. Whether you build your own custom widgets or write custom code, FlutterFlow makes it easy to bring your app ideas to life.