Recent FlutterFlow Updates

FlutterFlow MCP Is Here

Wed, Apr 29
The most requested feature in FlutterFlow history has finally landed. You can now bring AI agents directly into FlutterFlow and switch between them. Claude Code, Gemini CLI, Codex, or any MCP-compatible client. Your agent works within your project with full context for your widgets, logic, and data sources, not as an external tool you copy-paste results into. Why it matters Until now, using AI with FlutterFlow meant working across two surfaces. You'd prompt an agent in one window and manually apply the results in another. That friction adds up fast, especially on complex projects. MCP closes that gap. Your agent is in the loop, understands your app's structure, and acts on it directly. The result is faster iteration, more accurate output, and a workflow that feels native rather than bolted on. Your agent, your choice (BYOA) Because MCP is an open standard, you're never locked into a single provider. Switch between Claude Code, Gemini CLI, Codex, or any other MCP-compatible client. Whatever fits your team's workflow. Check this link to find out how to get started pub.dev/packages/flutterflow_cli.
25
51

What's New in FlutterFlow - v6.6.56 | April 21, 2026

Thu, Apr 23
Features Child Slots A new way to build flexible, composable components in FlutterFlow. Child Slots let you declare named "drop zones" inside your components, places where anyone using the component can plug in any widget they want, from a simple Icon to a full Switch, TextField, or nested component. How to use Open component Add a parameter: in the properties panel, click Add Parameter and choose Child Widget as the type. Name it (e.g. trailing, header, content) and optionally add a description. Place the slot in the tree: drag the new slot from the widget palette's Components & Custom Widgets section to the spot in your component's layout where the injected content should render. A dashed placeholder appears on the canvas. Pass a Component/Widget. When anyone drops an instance of it on a page, they'll see your slot in the widget tree and can drag any widget into it. Custom Shaders (+ Claude Skill) ShaderFill and ShaderWrapper widgets now support custom shader uploads. This means that you can bring your own fragment shaders or use one from https://www.shadertoy.com. Claude Skill We've created a Claude Skill for you to download to convert ShaderToys Shaders into fragment shaders you can use in FlutterFlow. Download Claude Skill Supabase OAuth Integration Connect your Supabase account via OAuth for a streamlined setup — FlutterFlow handles the authorization and schema import automatically. New AspectRatio Widget A new AspectRatio widget is available in the widget palette with preset ratios (1:1, 4:3, 3:2, 16:9, 9:16, 3:4, 2:3), custom value support and variable bindings. Free Trial For Teams Plans Free Trials for Team Plans: All team plans (Growth, Business) now offer a free trial on first subscription, with accurate eligibility checking across historical subscriptions. Improvements Radial Gradient support from Designer: Elements pasted from FlutterFlow Designer that use radial gradients are now correctly imported rather than falling back to a flat color. Designer-to-FlutterFlow chart conversion: Bar, line, and pie charts created in the Designer now convert into fully functional FlutterFlow chart widgets. Radio Button dynamic height: Radio button options now support dynamic height with text wrapping, plus a new option spacing property for controlling gaps between options. PDF viewer previews render at significantly higher quality using DPR-aware scaling and lossless PNG format. PinCode widget now filters input to digits-only on web and desktop when keyboard type is set to Number. Read-only text fields no longer show a functional "clear field" icon. Local Run now works offline when Experimental Speed Up is enabled. Faster "Publish as Library" page loading for large projects. 31 Bug Fixes We’ve been hard at work squashing bugs. Here are some highlights: Fixed Run Mode crashing on launch. Fixed custom files (and their unlocked state) being lost after a branch merge rebuild. Fixed library assets (fonts, icons) missing from downloaded code. Fixed Android APK builds failing for projects using OneSignal. Fixed Supabase OAuth token refresh failing with a "Required parameter: client_id" error. Fixed Firebase config files not syncing on Windows. Fixed duplicate package dependencies causing project build errors. Fixed app event handler code generation producing incorrect function names, which could cause build failures. Fixed custom palette colors generating hardcoded hex values instead of referencing your theme colors. Fixed property panel briefly showing incorrect widget properties after adding a new widget. Fixed a false "Firestore indexes not deployed" error appearing on projects with no composite indexes. Fixed Supabase schema import losing element type information for array columns. Fixed API requests from external tools (e.g., VS Code extension) being applied to the wrong version of version-pinned projects. Fixed marketplace sample app cloning failing with a permissions error.
14
28

Introducing the FlutterFlow Changelog

Fri, Mar 27
We're excited to announce the launch of our official changelog page! Going forward, you can find every update, improvement, and fix we ship, all in one place: 👉 flutterflow.io/flutterflow-changelog Whether you're curious about new features, want to know what's been improved, or are tracking down a bug fix, this is your go-to destination to stay in the loop with everything happening in FlutterFlow. We'll be keeping it up to date with every release, so bookmark it and check back often. Happy building! 🚀
26
15

App Events are here!

Mon, Mar 23
App Events let different parts of your app communicate without being directly wired together. Instead of complex callback chains or manual state updates, you can broadcast a named event from anywhere and have other parts of your app respond automatically. How it works: Trigger a named event (like "Cart Updated") from any action flow Any page or component can listen and react — without knowing about each other Attach structured data to events using FlutterFlow DataTypes Manage everything with three actions: Trigger, Add Handler, and Cancel Handler Two scopes to fit your needs: Global - handled in one centralized place, always active. Great for connectivity changes, auth state, or logging. Local - pages and components subscribe individually and react on their own. Perfect for syncing dashboard tabs or refreshing related UI. Subscriptions clean up automatically when a page is removed. You can find App Event Documentation here: App Events Documentation
20
9

FFDC 2026 Community Awards Are Now Open!

Sat, Mar 21
The FlutterFlow community has been building some truly incredible things, and it’s time to celebrate that creativity, innovation, and impact. We’re excited to announce that submissions for the FFDC 2026 Community Awards are officially open! 🎉 Whether you’ve built a stunning app, crafted an exceptional user experience, or made a meaningful contribution to the community, this is your moment to shine. 🏆 Award Categories This year, we’re recognizing excellence across three key categories: 🏆 App of the Year For the most impactful, innovative, and well-executed app built with FlutterFlow. 🎨 App Design of the Year Celebrating outstanding UI/UX, creativity, and attention to detail. 🌟 Community Champion of the Year Honoring individuals who go above and beyond to support and grow the FlutterFlow community. 📅 Key Dates Submission Deadline: April 19, 11:59 PM PST Winners Announced: Live at FFDC 2026 in San Francisco (May 27–28) 🌍 Why Participate? The FFDC Community Awards are more than just recognition—they’re a chance to: Showcase your work to a global audience Get recognized by the FlutterFlow team and community Inspire others with what’s possible using FlutterFlow 💙 Show Us What You’ve Built If you’ve been building with FlutterFlow, we want to see it. Whether it’s a polished product, a beautiful design, or a meaningful contribution to the ecosystem—your work deserves the spotlight. 👉 Apply here: https://forms.gle/P9nwA5X7MM5ebAQG6
39
2

Showcases ✨

Steven Liu
Steven Liu
·Posted in Community Content

7 Mistakes That Get Apps Rejected by Apple

Submitting your app to the App Store and Play Store isn’t as simple as clicking Submit. In this video, I’ll walk through some of the most common App Store and Play Store review pitfalls that catch developers and founders off guard, and what you should check before sending your app to Apple and Google. https://www.youtube.com/watch?v=3pd8TYlvAxQ&t
4
Arvi Yadav
Arvi Yadav
Ambassador
·Posted in Community Content

FlutterFlow MCP is INSANE! AI Can Now Build Your Entire App (Full Test)

FlutterFlow MCP Tutorial 🚀 FlutterFlow has entered the AI era! In this video, we explore the brand new FlutterFlow MCP (Model Context Protocol) Integration and test whether AI agents can actually build FlutterFlow apps for us. The new FlutterFlow AI MCP Server allows tools like Claude Code, Gemini CLI, Codex, and other MCP-compatible AI agents to directly understand and modify your FlutterFlow projects using real project context. This marks a huge shift in no-code and low-code app development. In this complete FlutterFlow MCP tutorial, you'll learn: 🔥 What is FlutterFlow MCP? ⚙️ How to install FlutterFlow CLI 🔑 How to connect your FlutterFlow API Key 🤖 Setup MCP with Claude Code, Gemini CLI, and Codex 🛠️ Testing AI-generated FlutterFlow changes 📱 Building apps faster with AI agents 🚀 Is this the future of FlutterFlow development?
3
emad
emad
·Posted in App Showcase

Pic Perfect AI - AI Photo & Video Editor is live!

⭐ Pic Perfect AI — AI Photo & Video Editor, Cartoon Camera & Face Merge Transform photos and videos with the power of Artificial Intelligence. Pic Perfect AI is an advanced AI Photo Editor and AI Video Editor designed to help anyone create stunning, professional-quality content in seconds. Whether you want to turn your photo into a cartoon, merge faces, create cinematic portraits, enhance image quality, remove backgrounds, or edit videos, Pic Perfect AI provides powerful AI tools in one simple and modern app. 🚀 AI Photo Features 🎨 AI Cartoon Camera (Live Photo Cartoon) Turn yourself into a live AI cartoon directly from your camera. Create unique cartoon selfies, profile pictures, avatars, and social media content instantly using advanced AI Cartoon technology. 👥 AI Face Merge Combine two photos into one realistic image with powerful AI Face Merge technology. Perfect for family memories, creative projects, and fun photo transformations. 🎬 AI Cinematic Portrait Transform ordinary photos into cinematic portraits with dramatic lighting, professional color grading, realistic depth, and movie-style visual effects. ✨ AI Photo Editor Tools Enhance, repair, and transform your images with professional AI-powered editing tools: • AI Photo Enhancer – Improve image quality, sharpness, colors, and details. • Background Remover – Remove backgrounds automatically with one tap. • Background Changer – Replace backgrounds with custom or creative scenes. • Generative Fill – Add, replace, or remove objects using AI. • Content Extraction – Extract people, objects, and elements for creative editing. • Blur Effect – Create professional depth and focus effects. • Image Upscaler – Improve resolution and image clarity. • AI Restoration – Improve older or low-quality photos. • Advanced AI Editing Tools – Designed for creators, photographers, and content makers. 🎥 AI Video Editor Tools Create and edit videos quickly with smart AI-powered tools: • Video Enhancer – Improve video quality, brightness, clarity, and details. • Video Compressor – Reduce file size while maintaining excellent quality. • Video Converter – Convert between MP4, MOV, AVI, and other formats. • Audio to Video – Turn audio files into engaging video content automatically. • Basic Video Editing – Trim, crop, merge videos, and add background music. ⚡ Fast AI Processing Generate professional results in just seconds. Most AI photo transformations are completed quickly, allowing you to create content faster without complicated editing skills. 🌟 Why Choose Pic Perfect AI? • Powerful AI Photo Editor and AI Video Editor • Live AI Cartoon Camera • Realistic AI Face Merge Technology • Professional Cinematic Photo Effects • Background Remover and Background Changer • AI Photo Enhancement and Image Upscaling • Fast, Simple, and Modern User Experience • High-Quality Results for Social Media, Business, and Personal Use • Regular Feature Updates and Improvements Whether you're a content creator, social media enthusiast, photographer, designer, or everyday user, Pic Perfect AI gives you everything you need to create stunning photos and videos with Artificial Intelligence. Download Pic Perfect AI today and unlock the next generation of AI-powered creativity. https://play.google.com/store/apps/details?id=com.mycompany.picperfect&pcampaignid=web_share
6
PD
Pavel Dvořák
·Posted in App Showcase

My first app has been launched, fully made in flutterflow by me, without any previous coding experience.

I know, it it not perfect. I know, the code is done by AI. Some used asset too. But you know what? It is done. It is done and it is launched on App Store - approved yestarday. The journey started few months ago. I just was interested what a vibe coding is. And somehow I found Flutterflow. Checked it, tried it, loved it. Really, I dove in to the funny project. Started with simple icons and just playing with FF options. Day by day the project got bigger and bigger. All of you know it - firebase, revenuecat, admob, first "dancing" with apple dev account just to get to testFlight, google developer account created...week by week and vuala... It is live. Bone Collector is RPG, dice driven, roguelike with reborn mechanics, idle and many more funny systems to be unlocked. I also managed to create global/country rankings in several categories, rich collections sets crowned with set bonuses, deep dice economy, battle and rewards systems etc. I hope somebody will download it and play it:) Let's celebrate with me Available on App Store and Free to play: https://apps.apple.com/cz/app/bone-collector/id6762409105?l=cs if you have Android and google account - Android version is still blocked by "12 testers rule". Any volunteers welcomed to test it (I will test yours for sure). Just ping me your email for invitation. Thank you
4
Oleg Suhanov
Oleg Suhanov
·Posted in Custom Code Showcase

Complete API Interceptor: Silent JWT Token Refresh Without Losing User Data Fields

Hello FlutterFlow community! What this script does: Auto-Checks Expiry: Automatically validates your JWT token lifetime right before every single API request goes out. Pre-emptive Refresh: If the access token has less than 10 minutes left, it transparently pauses the outgoing call to execute a RefreshTokenCall first. Fixes Race Conditions: Uses a static Future link. If your UI fires 5 parallel API calls on page load, they all reuse the same single refresh task instead of spamming your server. Preserves User Profiles: Unlike default Custom Auth boilerplate setups, this code properly re-injects authManager.userData. Your custom properties like first_name, last_name, roles, or avatars will not be wiped out during a refresh! Safe Route Redirection: If the refresh token itself is invalid or expired, the script signs the user out and safely redirects them to the login page using GoRouter’s global nav key, bypassing typical Flutter layout context issues. // Automatic FlutterFlow imports import '/backend/schema/structs/index.dart'; import '/backend/schema/enums/enums.dart'; import '/actions/actions.dart' as action_blocks; import '/app_events/index.dart'; import '/flutter_flow/flutter_flow_theme.dart'; import '/flutter_flow/flutter_flow_util.dart'; import '/custom_code/actions/index.dart'; // Imports other custom actions import '/flutter_flow/custom_functions.dart'; // Imports custom functions import 'package:flutter/material.dart'; // Begin custom action code // DO NOT REMOVE OR MODIFY THE CODE ABOVE! import 'package:jwt_decoder/jwt_decoder.dart'; import '/backend/api_requests/api_interceptor.dart'; import '/auth/custom_auth/auth_util.dart'; import '/backend/api_requests/api_calls.dart'; class ExpiryCheckInterceptor extends FFApiInterceptor { // Static Future pointer to prevent Race Conditions. // If 5 API calls trigger simultaneously, they will all await this single // refresh process instead of flooding your backend with 5 separate refresh requests. static Future<bool>? _refreshFuture; @override Future<ApiCallOptions> onRequest({ required ApiCallOptions options, }) async { print("Checking JWT token expiry now"); // Fetch the current authentication state from FlutterFlow's auth manager final tokenExpiration = authManager.tokenExpiration; final refreshToken = authManager.refreshToken; // Check if the user is authenticated (tokens exist) if (tokenExpiration != null && refreshToken != null) { print("Got token expiration and refresh token"); final currentTime = DateTime.now(); final timeDifference = tokenExpiration.difference(currentTime); // If the token is already expired OR will expire within the next 10 minutes if (timeDifference.isNegative || timeDifference.inMinutes <= 10) { print('Token is expired or will expire soon. Refreshing...'); // Execute token refresh (or hook into an already ongoing refresh process) _refreshFuture ??= _performTokenRefresh(refreshToken); final isSuccess = await _refreshFuture; _refreshFuture = null; // Reset the future after completion if (isSuccess == true) { // If refresh succeeds, inject the NEW accessToken into the current request header final currentToken = authManager.authenticationToken; options.headers['Authorization'] = 'Bearer $currentToken'; } else { print( 'Token refresh failed. Signing out user and redirecting to login.'); // 1. Clear user session data within FlutterFlow authManager.signOut(); // 2. Safely retrieve the global app navigation context (GoRouter) final globalContext = appNavigatorKey.currentContext; if (globalContext != null) { // Use addPostFrameCallback to ensure the redirection triggers right after // the current layout build finishes (prevents Flutter lifecycle crashes) WidgetsBinding.instance.addPostFrameCallback((_) { globalContext.goNamed( 'login'); // 'login' must exactly match your Page Name/URL in FF }); } else { print('Error: Global context navigation key is null.'); } } } } return options; } // Private method that handles the actual refresh API call Future<bool> _performTokenRefresh(String refreshToken) async { try { // Ensure your API Call in FlutterFlow's API Manager is named exactly 'RefreshToken'. // It must accept 'refreshToken' as a variable in its settings. final response = await RefreshTokenCall.call(refreshToken: refreshToken); if (response.statusCode == 200) { print('Token refreshed successfully.'); final responseBody = response.jsonBody; // Extract new tokens from response payload (adjust ['access']/['refresh'] keys to match your backend) final newAccessToken = responseBody['access'] as String?; final newRefreshToken = responseBody['refresh'] as String?; if (newAccessToken == null) { print('Access token missing in response'); return false; } // Decode the new expiration timestamp from the JWT payload using the jwt_decoder package final expirationDate = JwtDecoder.getExpirationDate(newAccessToken); // Retain the current user state to prevent updateAuthUserData from wiping it out final uid = authManager.uid; final currentUser = authManager.userData; // Update FlutterFlow's session data while preserving all custom fields authManager.updateAuthUserData( authenticationToken: newAccessToken, tokenExpiration: expirationDate, // Fallback to the old refresh token if the backend doesn't rotate it refreshToken: newRefreshToken ?? refreshToken, authUid: uid, userData: currentUser, ); return true; } else { print('Failed to refresh token: ${response.statusCode}'); return false; } } catch (e) { print('Error while refreshing token: $e'); return false; } } @override Future<ApiCallResponse> onResponse({ required ApiCallResponse response, required Future<ApiCallResponse> Function() retryFn, }) async { return response; } }
8
BC
Bruno Costa
·Posted in Community Content

How to Reduce Claude's FlutterFlow Error Rate with a Changelog File and Custom Project Instructions

I'm a beginner user with FlutterFlow, and have been using Claude to assist me with screen development. It's been useful because I can have actual conversations about what I'm trying to achieve, how I want the app to behave, and that I want it to be accessible and regulation compliant (WCAG 2.2 AA, ADA, etc.). But just as useful as it's been, in the beginning it was also extremely frustrating because Claude kept giving me wrong instructions. I finally understood that Claude's knowledge of FlutterFlow can be up to two major versions behind. So it's not that Claude is giving you wrong instructions, they're the right instructions for an older version. Once I understood that, I built a process to extract FlutterFlow's changelog into a single reference file that Claude checks before giving you commands. My error rate went from over 50% to just over 5%. I wrote a detailed tutorial walking through the full process, it assumes basic to no technical knowledge with skip-ahead markers for more advanced users: How I Taught Claude FlutterFlow - Bruno Costa And the extraction scripts along with the changelog output are on my GitHub (scripts in main branch, output in second branch): LA2776/closing-claudes-knowledge-gap: Bridging the gap between Claude's training data and FlutterFlow's current version This of course is not bulletproof, but it has helped me have a much better experience with Claude and FlutterFlow. Hopefully it helps the new builders like me out there!
8
Webnum
Webnum
·Posted in App Showcase

Muzify - Premium Music Streaming App 🎷

Muzify is a premium, production-ready music streaming app that gives you a Spotify-style experience without months of design or coding. Install the project, connect your backend, swap the branding, and you’re ready to launch a polished streaming product your users will love. CLONE PROJECT: https://marketplace.flutterflow.io/item/AD2jCmg6aUhxi0Ti9RNm Powerful background music player Muzify includes a complete background audio system: Persistent mini-player at the bottom of the app Playback continues while navigating between screens Music keeps playing even when the app is minimized, with controls in the notification area* Smooth play / pause / next / previous interactions, designed for real-world usage This means your users can browse, search, manage playlists, or even leave the app – and their music never stops. Muzify is perfect if you want to build: A Spotify-like music streaming app A niche streaming platform (lo-fi, podcasts, audiobooks, workout mixes, etc.) A white-label music solution for clients A polished MVP to validate your music startup idea fast. Launch faster, impress your users from day one, and focus your time on content and monetization instead of rebuilding the same
6
Webnum
Webnum
·Posted in App Showcase

MyTaxi - Ultimate Taxi Booking App & Driver App icluded 🚖

Step into the future of ride-hailing with MyTaxi, the most elegant, powerful, and complete Taxi Booking App Template ever built for FlutterFlow. Designed to rival the sophistication of Uber and Bolt, MyTaxi combines world-class UI/UX design, smooth performance, and a fully functional ride management system - ready to launch in days, not months. https://youtu.be/T9ZaH0jo-ng MyTaxi gives you everything you need - from stunning real-time maps to flexible booking, driver profiles, and more. ⚙️ Key Features: ✅ 160+ Screens & Components ✅ Real-Time Map Tracking ✅ Ride Scheduling & Vehicle Selection ✅ Delivery & Cargo Options ✅ Driver App ✅ Safety & Support Modules ✅ Working Real-Time Chat system ✅ 26 Custom Widgets 💡 Highlights: ✅ Fully tested on real devices ✅ Based on best UI/UX design practices ✅ Ready-to-integrate backend logic ✅ Clean, scalable architecture 🔥 Build your own Uber-level app today with MyTaxi - the ultimatet, smartest, and most complete taxi booking app template ever made for FlutterFlow. Save 250+ hours of development. Launch faster. Impress your users. CLONE PROJECT: https://marketplace.flutterflow.io/item/fB9mUlZYXJhfyUB6dJE3
7
Webnum
Webnum
·Posted in App Showcase

⚡️AdminPro - #1 Best Selling Admin Dashboard

Start your projects with an intuitive and very user-friendly interface designed to maximize productivity and minimize development time! 🔑 Key Features: 🚀 Super-Friendly Interface: Thoughtfully organized layouts and contextual cues let users navigate and manage data effortlessly from day one. 📱 Responsive Layouts: Pixel-perfect design that adapts seamlessly across desktop, tablet, and mobile devices for a consistent experience everywhere. 🌙 Light & Dark Mode: Automatic theme switching with CSS variables ensures optimal readability and comfort in any environment. 📈 Custom Chart Widgets: Ready-to-use bar, line, pie, and mixed charts with simple data binding for powerful, interactive visualizations. 📅 Integrated Calendar & DataTable: Built-in schedule management and feature-rich tables (sortable, filterable, paginated) to handle any volume of data. 🎨 Best UI/UX Practices: Clean component hierarchy, consistent spacing, intuitive controls, and ARIA support deliver a smooth, accessible user journey. 🗂️ Beautiful Navbar: A collapsible, icon-driven sidebar with micro-animations provides rapid navigation and keeps key actions always within reach. Start your next project with AdminPro and save over 250 hours of development time. Focus on features, not framework. 🛠️ Support Included: We’re here to help! Enjoy dedicated assistance after purchase to ensure your app is perfectly set up and running smoothly. To experience AdminPro in action, visit: https://adminpro.flutterflow.app To Download follow the link: https://marketplace.flutterflow.io/item/7wVfAjzc5pqqrpVLy9fe
7
Webnum
Webnum
·Posted in Custom Code Showcase

Segmented Progress Bar Chart | FREE

Track a week at a glance with a segmented progress bar widget 📆✨ — compact rows for Mon–Sun where each bar is split into equal slots for tasks, sessions, or streak steps. Completed segments glow 🌟 while empty ones stay muted 🌫️ for instant scanability. Tap/hover tooltips show totals (e.g., Sun • 3/6 • 100%) for precise feedback. Dense yet readable, perfect for dashboards and mobile to reinforce consistency, spot gaps, and celebrate streaks 🎯. Clone Widget: https://webnum.com/product/segmented-progress-bar-chart/
7

Upcoming Events

All events
Serge Middendorf
Serge Middendorf
Moderator
·Posted in Events

FFDG Munich Meetup 16.04.2026

​Hallo liebe FFDG Munich Member, ​es ist wieder soweit: wir würden uns freuen, euch am kommenden Donnerstag, 16.04.2026 um 18:00 Uhr im Munich Urban Colab begrüßen zu dürfen. Wir haben einige Themen auf der Agenda, denn bei FlutterFlow hat sich nach einer längeren Pause einiges getan! ☺️ Wir haben wirklich große Änderungen bei FlutterFlow gesehen und es stehen noch einige große Änderungen bevor! ​Darüber würden wir uns gerne mit euch austauschen und freuen uns auf euch. Natürlich könnt ihr auch wie immer eure konkreten Fragen mitbringen. Bis zum Donnerstag, 16.04.2026 ab 18:00 Uhr! Die zweite Info ist eher organisatorisch: FlutterFlow nutzt seit diesem Jahr meetup nicht mehr. Die meetup Gruppe wird also irgendwann verschwinden. Zukünftig werden die Termine über LUMA gemacht. Auch unser diesmaliger Event wird auf LUMA geplant. Meldet euch gerne hier bei dem Event an: https://luma.com/p5bm0suk Natürlich werden unsere FFDGs auch weiterhin auf der FlutterFlow community Webseite erscheinen. Soweit bleibt alles beim alten, aber die Veranstaltungen werden jetzt bei LUMA gehosted. Dort müsst ihr euch wie ich es verstanden habe kurz registrieren wenn ihr mögt. Ihr könnt aber auch gerne in der FlutterFlow Community schreiben, wenn ihr vorhabt zu kommen (damit wir ein bisschen planen können). Ich hoffe, wir sehen uns am kommenden Donnerstag zahlreich bei hoffentlich frühlingshaftem Wetter 🙂 Bei Fragen meldet euch gerne. Bis kommenden Donnerstag Abend und viele Grüße Serge
7
Nitish Singh Chauhan
Nitish Singh Chauhan
·Posted in Events

FlutterFlow Developer Connect Bangalore 2026

Welcome to the 2026 edition of FlutterFlow Developer Connect Bangalore 2026. FFDG Bangalore is hosting a full day dedicated to the next generation of app development. This year's event focuses on the powerful combination of FlutterFlow and Dreamflow. What We Are Covering: FlutterFlow: We will discuss advanced techniques for this visual development platform, focusing on building high-quality apps with Google's Flutter framework and generating clean Dart code. Dreamflow: We will explore this AI-powered platform that turns natural language into functional apps. Unlike standard no-code tools, we will show you how Dreamflow produces real, production-ready code you can own and deploy. Agenda Highlights: Visual vs. AI: When to drag-and-drop and when to prompt. Build & Scale: Managing complex projects using both platforms. Code Quality: ensuring your low-code/AI apps are maintainable. Community Networking: Meet the developers shaping the ecosystem. Hosts & Partners: Organized by: FlutterFlow Developer Group Bangalore (FFDG Bangalore) In Partnership with: FlutterFlow Student Ambassadors India Location: Bengaluru, India Date & Time: Saturday, March 7, 2026 & 9:30 AM - 4:30 PM IST Seats are limited! Secure your spot now: 👉 Register here: https://lu.ma/tq12loe4 👉 Subscribe to our Luma calendar: https://luma.com/ffdgbangalore Contact Email: [email protected] See you there! 👋
9
Daisy Mayorga
Daisy Mayorga
·Posted in Events

Innovation 2026 Social | Tech.Tacos.Tunes.

🌮 Tech, Tacos & Tunes: The Innovation 2026 Social ​The Central Valley tech community is crashing Contentment Brewing Company for the night, and you’re invited! ​We’ve partnered with yüda, GDG, FlutterFlow, WiDS, WTM, and Stan State Tech Clubs (Girls Who Code, CS Club, and Cybersecurity Club) to bring everyone together in one place. We picked the best night because the brewery has Taqueria ADM on-site and Jake on the mic—so the vibes will be perfect. ✨ ​Whether you’re grabbing a beer or sticking to their great non-alcoholic selection, come pull up a chair with us. ​Why show up? ​Aside from the great company, this is a listening session. We want YOUR input on the workshops, advocacy, and events we plan for 2026. ​Come for the food and music, stay to shape the future of local tech. See you there! 👋
7
Serge Middendorf
Serge Middendorf
Moderator
·Posted in Events

FFDG Munich Meetup 27.11.2025

Liebe FlutterFlow Developer, nach unserem letzten Treffen im Sommer wollen wir uns im Herbst noch einmal treffen, um über aktuelle Entwicklungen rund um FlutterFlow zu sprechen. Und damit diesmal auch Members ausserhalb von München die Chance haben mitzumachen, haben wir uns entschlossen, eine Hybride Session zu machen. Wer mag kann sich also auch gerne per google meet dazuschalten. Wir freuen uns schon auf viele neue Gesichter. Egal ob ihr euer erstes Projekt angeht, einige Projekte hinter euch habt, konkrete oder allgemeine Bedürfnisse habt: wir sind offen für eure Impulse. Um ein wenig vorstrukturieren zu können wäre es super, wenn ihr beim RSVP möglichst genau angebt, was euch interessieren würde. Dann können wir auch intensiv auf eure Themen eingehen. Direkt zum google meet geht es hier: https://meet.google.com/jcp-dvck-fqv Bitte trotzdem den RSVP möglichst zeitnah ausfüllen und wir sehen uns am Donnerstagabend, 27.11.2025 um roundabout 18:30 Uhr im Munich Urban Colab bzw. online unter dem obigen google meet Link. Viele Grüße Serge und Sven Infos zum Colab (behold my great cartographic skills): Link zur Anfahrtsskizze Ihr könnt mit der Tram 20 oder 21 vom "Leonrodplatz" oder von der Haltestelle "Hochschule München (Lothstr.)" anreisen. Die genaue Adresse ist: Freddie-Mercury-Straße 5 80797 München Bitte beachtet, dass das Colab nicht in der ersten Reihe an der Dachauerstr., sondern in der zweiten Reihe ist. Eingang auf der Rückseite. Bitte beachtet auch, dass ihr am besten bei mir durchruft, wenn ihr da seid und uns nicht findet, da es mit klingeln schwierig ist (es gibt aber einen Concierge Service am Eingang): 0175 6941970
13
Gokul Shivappa 🚀
Gokul Shivappa 🚀
Top Contributor
·Posted in Events

🔴 LIVE Now: Day 6 of Building a Chat App in FlutterFlow

Join the stream: 🎥 YouTube: https://www.youtube.com/live/PyMTVhDehMU?si=bIsIs2eHQbBVYGF- 💼 LinkedIn: https://www.linkedin.com/video/live/urn:li:ugcPost:7388543984106790912/ 🟣 Twitch: https://www.twitch.tv/alfadesmeta
8
Fongang Rodrique
Fongang Rodrique
·Posted in Events

Build Your First AI Powered App with FlutterFlow

Ready to move beyond basic chatbots? This hands-on workshop will teach you how to build a new class of intelligent applications using FlutterFlow. You'll learn to create "AI-Powered applications" with FlutterFlow's Visual Builder Interface. We'll cover the core concepts of agentic architecture, from integrating powerful AI models to building complex logic that allows your app to think and act on its own. Through practical exercises, you'll learn to: Configure and make calls to AI Models. Manage assistant behavior using system prompts. Use JSON outputs to trigger app actions and conditional logic. Preview FlutterFlow's Build in AI Agent Builder Join FFDG Buea on Meetup
9
AJ
Akansha Jain
·Posted in Events

FlutterFlow Fundamentals

The FlutterFlow Builder Series is a hands-on, 4-week cohort designed to help you go from idea to app, using FlutterFlow’s powerful visual development platform. Whether you're a designer, developer, or beginner, this series will guide you through building simple, elegant apps and launching them to the Play Store. 🚀 Session 1: FlutterFlow Fundamentals 📅 Date: July 5th, 2025 📍Google Meet (Link will be shared via email upon RSVP) 👩🏻‍💻 RSVP: https://bit.ly/ffdg-builder-series-session-1 💬 Join the community on Discord We kick things off by diving into the core of FlutterFlow. In this session, you’ll learn how to: Structure your project and set up best practices Navigate the FlutterFlow platform like a pro Build responsive UIs using key layout widgets (like Column, Row, Stack, and Containers) Configure page navigation with ease, from simple links to multi-screen flows By the end of the session, you’ll have built your own mini portfolio app and gained confidence in the visual editor. Perfect for beginners and the perfect foundation for everything coming next.
16
Pascal
Pascal
·Posted in Events

Google Developer Group Bordeaux : De l’idée à l’App Store : Développer une application complète en solo avec FlutterFlow.

🚀 Nouveau Meetup Google Developer Group Bordeaux! 🚀 📅 Quand ? Le 3 Juillet à 18h45 📍 Où ? 114 Rue Lucien Faure, 33300 Bordeaux (Campus EPSI) 👉 Au programme : - "Automatiser une équipe d'agent IA avec CrewAI" par Matthieu Gabas - "De l’idée à l’App Store : Développer une application complète en solo avec FlutterFlow" par Pascal Ferrère - "Design génératif, dev asynchrone : Stitch et Jules, le duo IA de Google" par Enzo Conty - Networking apero ! Rejoignez-nous pour notre prochain meetup où nous aborderons des sujets passionnants liés au développement et à la technologie. C'est l'occasion parfaite pour apprendre, partager et réseauter avec d'autres développeurs et passionnés de tech de la région. Que vous soyez un développeur expérimenté ou simplement curieux de découvrir ce que le monde de la technologie a à offrir, vous êtes le bienvenu! ✅ Inscription gratuite mais obligatoire pour garantir votre place. Les inscriptions par ici: https://gdg.community.dev/events/details/google-gdg-bordeaux-presents-meetup-42/
6
Serge Middendorf
Serge Middendorf
Moderator
·Posted in Events

FlutterFlow Developer Group Munich Meetup 26.06.2025

Liebe FlutterFlow Developer, wir wollen uns zu unserem nächsten FlutterFlow Developer Group Meetup treffen. Summer in the City! Vielleicht machen wir das nächste MeetUp ja im Biergarten? ;-) Diesmal jedoch sehen uns wieder im "Munich Urban Colab". Details dazu unten. Wie jedesmal wollen wir ganz offen sein von Neueinsteigern bis zu Profis und uns mit den aktuellen Entwicklungen rund um FlutterFlow zu beschäftigen und Ideen oder Problemchen diskutieren, die sich bei Projekten ergeben. Gerne präsentieren wir uns auch gegenseitig unsere Projekte oder tauschen Erfahrungen aus. Wer Feedback zu sienen Entwicklungen einholen möchte ist genauso willkommen, wie jemand der noch am Anfang steht und "Starthilfe" braucht. Diesmal gibt es auch einiges zu besprechen, denn neben kleineren hat es auch größere Updates gegeben und am Horizont erscheint der nächste FFDC in San Franciso. Zu den neuen Funktionen bringe ich euch gerne auf den aktuellsten Stand. Falls ihr konkrete Fragestellungen oder Erwartungen habt, gebt die doch gerne vorher durch, dann können wir eventuell ein wenig vorbereiten. Einfach RSVP ausfüllen möglichst zeitnah und wir sehen uns am Donnerstagabend, 26.06.2025 um roundabout 19:00 Uhr im Munich Colab. Viele Grüße Serge Infos zum Colab (behold my great cartographic skills): Link zur Anfahrtsskizze Ihr könnt mit der Tram 20 oder 21 vom "Leonrodplatz" oder von der Haltestelle "Hochschule München (Lothstr.)" anreisen. Die genaue Adresse ist: Freddie-Mercury-Straße 5 80797 München Bitte beachtet, dass das Colab nicht in der ersten Reihe an der Dachauerstr., sondern in der zweiten Reihe ist. Eingang auf der Rückseite. Bitte beachtet auch, dass ihr am besten bei mir durchruft, wenn ihr da seid und uns nicht findet, da es mit klingeln schwierig ist (es gibt aber einen Concierge Service am Eingang): 0175 6941970
12
Parth Gupta
Parth Gupta
·Posted in Events

FFDG Gandhinagar : FlutterFlow Fusion: From Visual Building to Custom Code Mastery

Hey 👋 FlutterFlow fam 👀✨ We're THRILLED to announce our next event: 𝐅𝐥𝐮𝐭𝐭𝐞𝐫𝐅𝐥𝐨𝐰 𝐅𝐮𝐬𝐢𝐨𝐧: 𝐅𝐫𝐨𝐦 𝐕𝐢𝐬𝐮𝐚𝐥 𝐁𝐮𝐢𝐥𝐝𝐢𝐧𝐠 𝐭𝐨 𝐂𝐮𝐬𝐭𝐨𝐦 𝐂𝐨𝐝𝐞 𝐌𝐚𝐬𝐭𝐞𝐫𝐲 happening on 𝟑𝟏𝐬𝐭 𝐌𝐚𝐲 𝟐𝟎𝟐𝟓! 🗓️Get ready for a POWER-PACKED day with: 𝟐 𝐞𝐱𝐜𝐢𝐭𝐢𝐧𝐠 𝐬𝐞𝐬𝐬𝐢𝐨𝐧𝐬 on FlutterFlow magic! ✨ 𝐇𝐚𝐧𝐝𝐬-𝐨𝐧 𝐰𝐨𝐫𝐤𝐬𝐡𝐨𝐩 where you'll BUILD real apps! 💻 𝐀𝐦𝐚𝐳𝐢𝐧𝐠 𝐧𝐞𝐭𝐰𝐨𝐫𝐤𝐢𝐧𝐠 with fellow FlutterFlow enthusiasts! 👨‍🏫 Meet Our Speakers Jaldeep Asodariya – Senior Mobile Engineer, HighLevel 🎯 Topic: Visual UI Building in FlutterFlow: Layouts, Logic & Beyond. Get the inside scoop on building elegant, functional UIs the smart way. Abhishek Jain – Founder, BEEPIXL 🎯 Topic: Beyond Visual: Mastering Custom Code in FlutterFlow Learn how to extend FlutterFlow with clean, efficient custom code to bring your ideas to life. Bhavik Makwana – GDE in Flutter & Enterprise CSE at FlutterFlow 🎯 Workshop: From Flow to Whoa: Build Something Real with FlutterFlow Walk through a complete build with expert guidance, best practices, and working examples. Event Details: 📅 Date: 31st May, 2025 📍 Venue: SmartSense consulting solutions, 4th floor, GIFT One, GIFT City Gandhinagar. What to Expect? • Two beginner-to-intermediate level sessions led by experienced developers • A live, guided workshop to apply what you've learned • Real examples, practical tips, and usable code • Connect with like-minded devs, designers, and creators • Q&A, networking, and good vibes all around! Who Should Attend? • Aspiring FlutterFlow developers • Founders and product builders exploring visual app development • Flutter developers curious about no-code/low-code/visual tools • Anyone who loves to learn by doing! What you need to bring? • A laptop (mandatory for hands-on session) • Your enthusiasm and questions • [Optional] FlutterFlow account (free or paid) This is going to be EPIC! 🚀 Make sure to follow us for all the latest updates: ╰┈➤ Instagram: https://www.instagram.com/ffdggandhinagar ╰┈➤ LinkedIn: https://www.linkedin.com/company/ffdggandhinagar ╰┈➤ Twitter/X: https://www.x.com/ffdggandhinagar ╰┈➤ Meetup: https://www.meetup.com/ffdg-gandhinagar We can’t wait to see what you build!! See you at the Event!
6

Meet new members 👋

See all
  • dm

    Trying to build my first app with AI and FlutterFLow

    So FlutterFlow has not been easy. Everything I read about flutter said that it was very easy for someone with no code or design skills. I have both a little code and a lot of design skills and this has not been very easy so far.
    5
  • i

    Descubriendo un mundo nuevo.

    Saludo, soy un aprendiz que esta viajando por el mundo de fluterflow , lo que es sorprendente pensar en hacer algo y saber que lo puedes hacer, pero como no se nada de programacion, ni diseño estoy usando la IA como mi asistente pero hoy tengo un obtaculo que no me deja avanzar y es que no he podido lograr registrar mi primer usuario en supabase y estoy buscando la ayuda de lo que saben para que me den el impulso que necesito para sugir.
    4
  • Mohamed Nasser

    Hi everyone! Ahmed here – A tech student passionate about UI/UX and FlutterFlow

    "I am currently a student at iSchool, where I've been actively developing my mobile app design skills. My journey has been intense and rewarding; I’ve recently completed a series of advanced modules, achieving a perfect score of 23/24 in my monthly engagement report. I am obsessed with the details—focusing heavily on padding, border radius, and animations to ensure that every screen I build is not only functional but visually stunning."
    5
  • Zeina ElNemr

    FlutterFlow UI: Designing Apps that don't look like templates for beginners

    https://zeinalnemr.gumroad.com/l/flutterflow-ui
    5
  • Mohamed Nasser

    Hello Community! Ahmed here, building my first mobile apps with FlutterFlow.

    I am a tech student currently enrolled in iSchool, where I've been diving deep into mobile app development and UI/UX design. My journey has been focused on creating interactive experiences, focusing on fine-tuning details like padding, border radius, and smooth animations to bring my creative ideas to life."
    5
M
MWinter
·Posted in Get Help

App on MacBook Pro does not respond to keyboard

Been having issues for a week or two now. Keyboard just stops working at all.

Intermittently and across all projects, and not in specific property value input fields but across all. Even keyboard copy/paste etc does not work.

Keyboard works fine in ALL other apps - just fails in FF.

Been reverting to the browser version and going back to app for a bit - but now it’s happening there too.

Methinks JavaScript focus bug or heat related drop events bug. It’s VERY annoying.

Anyone else?

Contact support, re installing app, using browser version, checking other projects.

Widgets & Design
support
keyboard
G
C
Cristian
·Posted in Get Help

FlutterFlow v7.0.21 - Cannot save uploaded image to Firestore Image Path field

Hi everyone,

I'm building an app with FlutterFlow v7.0.21.

I have a Firestore collection called "lmv_garments" with a field:

imageUrl (Image Path)

My goal is very simple:

The user selects an image, presses Save, and the image URL should be stored in the imageUrl field.

However, I'm unable to complete the workflow.

The official documentation explains that after uploading media there should be an Upload Type (Firebase) option and an Uploaded File URL available through Action Outputs.

In my FlutterFlow version none of these options exist.

The "Store media for upload" action only shows:

- Media Source

- Allow Photo

- Resize

- Image Quality

There is no Upload Type, no Uploaded File URL and no Action Output Variable.

When I try to assign the uploaded media to my Firestore Image Path field, FlutterFlow only exposes Uploaded Local File, which causes a type mismatch.

Is this the new workflow in FlutterFlow v7.0.21?

If so, what is the correct way to save an uploaded image into an Image Path field in Firestore?

I'm using FlutterFlow v7.0.21. Is this the new upload workflow, or is my project missing the Action Outputs / Uploaded File URL that the documentation refers to?

Thank you!

I have:

- Read the official FlutterFlow documentation about Uploading Files.

- Created a clean test page to reproduce the problem.

- Tried Store media for upload.

- Tried Upload/Save Media.

- Tried using Widget State and App State.

- Tried assigning Uploaded Local File to the Image Path field.

- Compared my builder with the official documentation.

The documentation and my FlutterFlow version do not match.

Database & APIs
firebase storage
Firestore
flutterflow
image path
v7
2
1 reply
Serge Middendorf

You can use the image URL after you uploadded the media file only. Maybe thats a problem? It has to be "logically" after. So fort upload, then try to access the URL. thats indeed a widget state 🙂

G
Kalu
Kalu
·Posted in Get Help

Issue Chaining "Upload File" & "Insert Row" (Supabase)

Hi everyone! I’m struggling to get a form working that uploads a file and saves metadata to my database. Here is the setup and the problem I'm facing:

The Goal

  1. Selection: User selects a Class and Subject from dropdowns.

  2. Upload: User uploads a file.

  3. Submit: On click, the file goes to my Supabase bucket, and a new row is created in the past_papers table containing the File URL + the selected IDs.

My Setup

  • Action 1: Upload File to Supabase (Bucket: past_papers).

  • Action 2: Insert Row (Table: past_papers).

    • Mapping: File URL mapped to the Download URL from Action 1 output; IDs mapped to my widget states.

    • "Wait for Action to Complete" is ON.

The Problem

The file uploads to the bucket perfectly, but the Insert Row action never fires (or fails to save).

The Context & What I’ve Tried

  • The "View" Conflict: I am using class_subjects_view to populate my dropdowns so the user sees readable names (e.g., "Mathematics" instead of a UUID). Since views are read-only, I am correctly targeting the base past_papers table for the Insert action.

  • Junction Table Attempt: I previously tried targeting the junction table directly. This allowed the insert to work, but the dropdowns showed the raw IDs instead of readable names.

  • Troubleshooting: I’ve confirmed my RLS policies are set to allow INSERT on the past_papers table.

Does anyone have a reliable way to chain these two actions? Is there a trick to passing the "Download URL" output from the upload action to the insert action when using a view-based UI?

Actions & Logic
G
GR
Ghausia Rehmani
·Posted in Discuss

I am running a small business of mechanical job contracts and having manpower of around 30-40 people in different sites/ locations of India. I want to make a free mobile app or system (a HRM system) where my staff (labour - mostly not fluent to English) mark their daily attendance with google map location and time and I can track all their attendance, leaves, salary from the office. Can you build an app for me? I don't want to use google sheets as most of the labours are not computer friendly.

General Conversations

I am running a small business of mechanical job contracts and having manpower of around 30-40 people in different sites/ locations of India. I want to make a free mobile app or system (a HRM system) where my staff (labour - mostly not fluent to English) mark their daily attendance with google map location and time and I can track all their attendance, leaves, salary from the office. Can you build an app for me? I don't want to use google sheets as most of the labours are not computer friendly.

G
HG
Helton Galvao Souza
·Posted in Discuss

Trying to connect Firebase

Collaboration & Networking

Im new in flutterflow, and Im having problems to connect firebase to my projetc. The error is this:
"Project uses Firebase Performance Monitoring but Firebase config files are not uploaded."

I did clen the conncetions, the same with the account, but the error stays there. Does anyone can help me?
thanks

G