This will be a continuation from the last article on Genkit Dart for Flutter Developers; you can check it out <a href="https://dly.to/8zqiFOQFJMH" target="_blank" rel="noopener nofollow">here</a>.
<h2>WHAT IS FIREBASE AI LOGIC?</h2>
Firebase AI Logic (previously known as Vertex AI in Firebase) is Google’s official way to give your Flutter (iOS, Android, and web) apps direct, secure access to the latest Gemini models.
Today, we will build a simple app with Firebase AI Logic. We will learn how to use Firebase AI Logic with Gemini models in real Flutter apps.
Watch full tutorial on YouTube: <a href="https://youtu.be/beA-xr_TcLQ" target="_blank" rel="noopener nofollow">https://youtu.be/beA-xr_TcLQ</a>
To get started, create a new <a href="https://console.firebase.google.com/" target="_blank" rel="noopener nofollow">Firebase project</a> or use an existing one. Once you have your Firebase project set up, you also need to connect it to your Flutter project. Under project categories on Firebase → AI services → AI Logic → Get started (Gemini Developer API — Vertex AI Gemini API), we’ll continue with the Gemini Developer API
<img src="https://media.daily.dev/image/fetch/s--Jsi2c3xD--/f_auto,q_auto/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iauvxigbjxdb21jbzkmo.png?_a=BAMAMiWQ0" alt="Firebase screenshot">
That’s all for the setup.
<h2>QUICK SETUP IN FLUTTER</h2>
<pre><code>flutter pub add firebase_ai
</code></pre>
You must added <code>firebase_core</code> package
In <code>main.dart</code>
<pre><code>void main() async {
 await Firebase.initializeApp(options: DefaultFirebaseOptions.currentPlatform);

 runApp(const MyApp());
}
</code></pre>
Then we can create a new file <code>caption_generator.dart</code>
<pre><code>void _generateCaption() async {
 if (_captionController.text.isEmpty) {
 ScaffoldMessenger.of(context).showSnackBar(
 const SnackBar(
 content: Text(&#x27;Please enter a description to generate a caption.&#x27;),
 ),
 );
 return;
 }
 try {
 setState(() =&gt; _isGenerating = true);

 final model = FirebaseAI.googleAI().generativeModel(
 model: &#x27;gemini-3.1-flash-lite-preview&#x27;,
 generationConfig: GenerationConfig(
 maxOutputTokens: 50,
 temperature: 0.7,
 ),
 systemInstruction: Content.system(
 &#x27;You generate concise captions that are catchy and engaging, suitable for social media posts or advertisements.&#x27;
 &#x27;Do not use markdown, bullet points, headings, code blocks, or JSON.&#x27;,
 ),
 );

 final response = await model.generateContent([
 Content.text(_captionController.text),
 ]);

 setState(() =&gt; _generatedCaption = response.text!);
 } catch (e) {
 print(&#x27;Error generating caption: $e&#x27;);
 ScaffoldMessenger.of(
 context,
 ).showSnackBar(SnackBar(content: Text(&#x27;Error generating caption: $e&#x27;)));
 } finally {
 setState(() =&gt; _isGenerating = false);
 }
 }
</code></pre>
Full Source Code: <a href="https://github.com/techwithsam/ai_content_generator" target="_blank" rel="noopener nofollow">https://github.com/techwithsam/ai_content_generator</a>
<h2>BEST PRACTICES FOR PRODUCTION</h2>
<ul>
<li>Always use App Check + Firebase Auth — never trust the client blindly</li>
<li>Start with Flash models for speed and cost, upgrade to Pro only when you need heavy reasoning</li>
<li>Keep prompts in Remote Config so you can iterate without redeploying the app</li>
<li>Cache frequent responses in Firestore to save cost and latency</li>
</ul>
Monitor usage in Firebase console — set budgets early
<ul>
<li>For complex multi-step workflows or heavy tool use, consider moving logic to Genkit on the backend instead of doing everything client-side</li>
</ul>
There you have it — Firebase AI Logic lets Flutter developers finally build real full-stack AI apps without leaving the Dart ecosystem.
If this article helped you even a little, smash that clap button and subscribe so you don’t miss the next deep-dive.
Lastly, if you’re serious about mastering AI tools like this, join my free Flutter + AI newsletter. Every week, I share the exact prompts, workflows, and early access to new agent skills that I test before they hit YouTube. Completely free, no spam. <a href="https://techwithsam.dev/newsletter" target="_blank" rel="noopener nofollow">https://techwithsam.dev/newsletter</a> — I’d love to see you there!
Thanks for reading, Flutter fam.
See you in the next one — peace! ✌️
Samuel Adekunle Tech With Sam <a href="https://youtube.com/@techwithsam" target="_blank" rel="noopener nofollow">YouTube.</a>

Samuel Adekunle

Firebase AI Logic (formerly Vertex AI in Firebase) provides Flutter apps with direct access to Google's Gemini models. A step-by-step walkthrough shows how to set up the firebase_ai package, initialize Firebase in a Flutter project, and build a simple caption generator using the Gemini 3.1 Flash Lite model. The guide also covers production best practices including App Check, Firebase Auth, Remote Config for prompts, Firestore caching, and when to offload complex workflows to Genkit on the backend.

Get Started with Firebase AI Logic + Flutter: Build A Simple Caption Generator