# Firebase Studio

Published articles for Firebase Studio.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## From prompt to production: Build full-stack apps faster with Google AI Studio and Firebase

DevFeed: [From prompt to production: Build full-stack apps faster with Google AI Studio and Firebase](<https://devfeed.tech/articles/from-prompt-to-production-build-full-stack-apps-faster-with-google-ai-studio-and-firebase-16653.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2026/03/announcing-ai-studio-integration>)

Author: Kara Yu; Sam Phillips

Published: 2026-03-19T00:00:00Z

Content type: release

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Google AI](<https://devfeed.tech/topics/google-ai.md>), [Firestore](<https://devfeed.tech/topics/firestore.md>), [Google](<https://devfeed.tech/topics/google.md>), [Authentication](<https://devfeed.tech/topics/authentication.md>), [backends](<https://devfeed.tech/topics/backends.md>), [Agent Harness](<https://devfeed.tech/topics/agent-harness.md>)

Tags: [agent](<https://devfeed.tech/tags/agent.md>), [agent-harness](<https://devfeed.tech/tags/agent-harness.md>), [ai](<https://devfeed.tech/tags/ai.md>), [ai-studio](<https://devfeed.tech/tags/ai-studio.md>), [antigravity](<https://devfeed.tech/tags/antigravity.md>), [authentication](<https://devfeed.tech/tags/authentication.md>), [backends](<https://devfeed.tech/tags/backends.md>), [build](<https://devfeed.tech/tags/build.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [firestore](<https://devfeed.tech/tags/firestore.md>), [google](<https://devfeed.tech/tags/google.md>), [security](<https://devfeed.tech/tags/security.md>)

### AI overview

Firebase announces an integration with Google AI Studio that can provision Firebase projects, Firestore, Authentication, sign-in pages, application code, and draft Security Rules with user approval. The announcement also describes a new Google AI Studio coding agent for multi-step code edits and connections to services such as payment processors and Google Maps.

### Source excerpt

Today, we're announcing that Firebase is now integrated with Google AI Studio, accelerating your path from prompt to production so you can turn your vibe-coded ideas into fully functional apps with robust backends. Read on to learn how this works and what this means for Firebase Studio.

## Bridge the design to development gap with Builder.io and Firebase Studio

DevFeed: [Bridge the design to development gap with Builder.io and Firebase Studio](<https://devfeed.tech/articles/bridge-the-design-to-development-gap-with-builder-io-and-firebase-studio-16628.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/09/firebase-studio-builder-io-design-development>)

Author: Kirupa Chinnathambi; Alice Moore

Published: 2025-09-29T00:00:00Z

Content type: article

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Figma](<https://devfeed.tech/topics/figma.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [code](<https://devfeed.tech/tags/code.md>), [design](<https://devfeed.tech/tags/design.md>), [development](<https://devfeed.tech/tags/development.md>), [figma](<https://devfeed.tech/tags/figma.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [integration](<https://devfeed.tech/tags/integration.md>), [workflow](<https://devfeed.tech/tags/workflow.md>)

### AI overview

Firebase Studio integrates with Builder.io to connect Figma designs with code through an AI-assisted, browser-based workflow. The article explains how the integration aims to reduce design drift and generate production-ready, backend-connected applications by reusing structured design information such as tokens, components, and layout rules.

### Source excerpt

Bridge the gap between design and development by going from static visuals in Figma to a fully working application in Firebase Studio.

## 3 pro tips to elevate your Firebase skills in the Firebase console

DevFeed: [3 pro tips to elevate your Firebase skills in the Firebase console](<https://devfeed.tech/articles/3-pro-tips-to-elevate-your-firebase-skills-in-the-firebase-console-16625.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/09/console-pro-tips>)

Author: Yvonne Monterroso

Published: 2025-09-12T00:00:00Z

Content type: tutorial

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Google](<https://devfeed.tech/topics/google.md>), [App](<https://devfeed.tech/topics/app.md>), [Development](<https://devfeed.tech/topics/development.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Web](<https://devfeed.tech/topics/web.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [best-practices](<https://devfeed.tech/tags/best-practices.md>), [cloud](<https://devfeed.tech/tags/cloud.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-console](<https://devfeed.tech/tags/firebase-console.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [google](<https://devfeed.tech/tags/google.md>), [tips](<https://devfeed.tech/tags/tips.md>), [tutorials](<https://devfeed.tech/tags/tutorials.md>)

### AI overview

This tutorial presents three ways to use the Firebase console more effectively: explore sample apps, start projects with Firebase Studio templates and Gemini assistance, and use search, filters, starring, and project details to manage projects. It also explains that Firebase projects are Google Cloud projects and describes access to Firebase Studio apps from the console.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## Get the most out of Firebase Studio's default built-in model, Gemini 2.5 Pro

DevFeed: [Get the most out of Firebase Studio's default built-in model, Gemini 2.5 Pro](<https://devfeed.tech/articles/get-the-most-out-of-firebase-studio-s-default-built-in-model-gemini-2-5-pro-16629.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/09/firebase-studio-builtin-model>)

Author: Ali Satter; James O'Reilly

Published: 2025-09-12T00:00:00Z

Content type: release

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [AI-assisted coding](<https://devfeed.tech/topics/ai-assisted-coding.md>), [multimodal](<https://devfeed.tech/topics/multimodal.md>), [Vue.js](<https://devfeed.tech/topics/vue.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [code-generation](<https://devfeed.tech/tags/code-generation.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [google](<https://devfeed.tech/tags/google.md>), [multimodal](<https://devfeed.tech/tags/multimodal.md>), [project-idx](<https://devfeed.tech/tags/project-idx.md>), [vue-js](<https://devfeed.tech/tags/vue-js.md>)

### AI overview

Firebase Studio now uses Gemini 2.5 Pro as its built-in model by default, giving users access without requiring a Gemini API key. The upgrade is intended to improve reasoning, code generation, multimodal prompting, and application development workflows.

### Source excerpt

With Gemini 2.5 Pro now built-in by default, Firebase Studio gives you no-cost access to a powerful AI assistant to accelerate the entire development workflow, from prototyping with images to refactoring complex code.

## A roundup of Firebase news from Brazil

DevFeed: [A roundup of Firebase news from Brazil](<https://devfeed.tech/articles/a-roundup-of-firebase-news-from-brazil-16623.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/09/brazil-roundup>)

Author: Arthur Thompson

Published: 2025-09-10T00:00:00Z

Content type: news

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [AI Models](<https://devfeed.tech/topics/ai-models.md>), [SDKs](<https://devfeed.tech/topics/sdks.md>), [Genkit](<https://devfeed.tech/topics/genkit.md>), [Cloud](<https://devfeed.tech/topics/cloud.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [ai-logic](<https://devfeed.tech/tags/ai-logic.md>), [ai-models](<https://devfeed.tech/tags/ai-models.md>), [android](<https://devfeed.tech/tags/android.md>), [app-hosting](<https://devfeed.tech/tags/app-hosting.md>), [brazil](<https://devfeed.tech/tags/brazil.md>), [browser](<https://devfeed.tech/tags/browser.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [flutter](<https://devfeed.tech/tags/flutter.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [genkit](<https://devfeed.tech/tags/genkit.md>), [go](<https://devfeed.tech/tags/go.md>), [image-editing](<https://devfeed.tech/tags/image-editing.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [news](<https://devfeed.tech/tags/news.md>), [postgresql](<https://devfeed.tech/tags/postgresql.md>), [sdk](<https://devfeed.tech/tags/sdk.md>), [sql-connect](<https://devfeed.tech/tags/sql-connect.md>), [updates](<https://devfeed.tech/tags/updates.md>)

### AI overview

Firebase's Brazil roundup describes updates to Firebase AI Logic, including thinking-budget controls, thought summaries, image editing for Android and Flutter, Gemini Live API support, and hybrid on-device and cloud model experiences in Chrome. It also highlights Firebase App Hosting, Data Connect, and Genkit Go 1.0 updates.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## Coffee with Firebase Studio's App Prototyping agent

DevFeed: [Coffee with Firebase Studio's App Prototyping agent](<https://devfeed.tech/articles/coffee-with-firebase-studio-s-app-prototyping-agent-16624.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/09/coffee-with-app-prototyping-agent>)

Author: James O'Reilly

Published: 2025-09-09T00:00:00Z

Content type: article

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [AI-assisted coding](<https://devfeed.tech/topics/ai-assisted-coding.md>), [App](<https://devfeed.tech/topics/app.md>), [Document Object Model (DOM)](<https://devfeed.tech/topics/dom.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [best-practices](<https://devfeed.tech/tags/best-practices.md>), [code-generation](<https://devfeed.tech/tags/code-generation.md>), [coding](<https://devfeed.tech/tags/coding.md>), [collaboration](<https://devfeed.tech/tags/collaboration.md>), [dev](<https://devfeed.tech/tags/dev.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [pair](<https://devfeed.tech/tags/pair.md>), [tips](<https://devfeed.tech/tags/tips.md>), [workflow](<https://devfeed.tech/tags/workflow.md>)

### AI overview

A coffee-chat-style article explores how Firebase Studio's App Prototyping agent and Gemini can support a more collaborative, pair-programming-oriented development workflow. It also describes DOM selection and annotation tools for giving the agent more expressive prompts.

### Source excerpt

What's brewing with your dev workflow? ☕ We've got the perfect blend of tips to help you get the most out of Firebase Studio's App Prototyping agent.

## How to integrate Firebase services in Firebase Studio

DevFeed: [How to integrate Firebase services in Firebase Studio](<https://devfeed.tech/articles/from-vibe-to-reality-integrating-firebase-in-firebase-studio-16618.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/07/integrating-firebase-in-firebase-studio>)

Author: Yvonne Monterroso; James O'Reilly

Published: 2025-07-22T10:05:00Z

Content type: tutorial

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Appwrite](<https://devfeed.tech/topics/appwrite.md>), [Authentication](<https://devfeed.tech/topics/authentication.md>), [Firestore](<https://devfeed.tech/topics/firestore.md>), [MCP Server](<https://devfeed.tech/topics/mcp-server.md>), [Vibe coding](<https://devfeed.tech/topics/vibe-coding.md>), [Cloud](<https://devfeed.tech/topics/cloud.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [app](<https://devfeed.tech/tags/app.md>), [authentication](<https://devfeed.tech/tags/authentication.md>), [backend](<https://devfeed.tech/tags/backend.md>), [cloud](<https://devfeed.tech/tags/cloud.md>), [cloud-storage](<https://devfeed.tech/tags/cloud-storage.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [firestore](<https://devfeed.tech/tags/firestore.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [generate](<https://devfeed.tech/tags/generate.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [mcp-server](<https://devfeed.tech/tags/mcp-server.md>), [prototyping](<https://devfeed.tech/tags/prototyping.md>), [tutorials](<https://devfeed.tech/tags/tutorials.md>), [vibe-coding](<https://devfeed.tech/tags/vibe-coding.md>)

### AI overview

This tutorial explains two ways to connect Firebase Authentication, Firestore, and Cloud Storage to apps built in Firebase Studio: generating an integrated application with the App Prototyping agent or using the Firebase MCP server in interactive chat.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## Enhance Your Firebase Studio Workflow with Gemini CLI

DevFeed: [Enhance Your Firebase Studio Workflow with Gemini CLI](<https://devfeed.tech/articles/enhance-your-firebase-studio-workflow-with-gemini-cli-16614.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/07/firebase-studio-gemini-cli>)

Author: Jess Kuras

Published: 2025-07-22T10:00:00Z

Content type: tutorial

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Google](<https://devfeed.tech/topics/google.md>), [Authentication](<https://devfeed.tech/topics/authentication.md>), [Automation](<https://devfeed.tech/topics/automation.md>), [Code](<https://devfeed.tech/topics/code.md>), [debug](<https://devfeed.tech/topics/debug.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [authentication](<https://devfeed.tech/tags/authentication.md>), [automation](<https://devfeed.tech/tags/automation.md>), [cli](<https://devfeed.tech/tags/cli.md>), [code](<https://devfeed.tech/tags/code.md>), [debugging](<https://devfeed.tech/tags/debugging.md>), [environment-variables](<https://devfeed.tech/tags/environment-variables.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [google](<https://devfeed.tech/tags/google.md>), [scripting](<https://devfeed.tech/tags/scripting.md>), [terminal](<https://devfeed.tech/tags/terminal.md>), [tutorials](<https://devfeed.tech/tags/tutorials.md>), [updates](<https://devfeed.tech/tags/updates.md>)

### AI overview

Firebase Studio now includes Gemini CLI preinstalled in its terminal. The article explains who may benefit from using it, how to launch and authenticate it, and how to configure settings, scripting, automation, environment variables, and project-specific instructions.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## Supercharge your Firebase Studio workflow with MCP servers

DevFeed: [Supercharge your Firebase Studio workflow with MCP servers](<https://devfeed.tech/articles/supercharge-your-firebase-studio-workflow-with-mcp-servers-16620.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/07/supercharge-firebase-studio-with-mcp>)

Author: James O'Reilly

Published: 2025-07-09T00:00:00Z

Content type: tutorial

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Model Context Protocol (MCP)](<https://devfeed.tech/topics/model-context-protocol-mcp.md>), [MCP Server](<https://devfeed.tech/topics/mcp-server.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Development](<https://devfeed.tech/topics/development.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [configuration](<https://devfeed.tech/tags/configuration.md>), [development](<https://devfeed.tech/tags/development.md>), [environment-variables](<https://devfeed.tech/tags/environment-variables.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [mcp-server](<https://devfeed.tech/tags/mcp-server.md>), [model-context-protocol](<https://devfeed.tech/tags/model-context-protocol.md>), [server-sent-events](<https://devfeed.tech/tags/server-sent-events.md>), [server-sent-events-sse](<https://devfeed.tech/tags/server-sent-events-sse.md>), [tutorials](<https://devfeed.tech/tags/tutorials.md>)

### AI overview

This Firebase team tutorial explains how Firebase Studio integrates with Model Context Protocol servers to extend AI-assisted development with external tools and data sources. It describes MCP server configuration, supported stdio and SSE or Streamable HTTP transports, environment variables, authentication limitations, and the lack of support for GUI-dependent or desktop-session servers.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## Firebase Studio prompting tips for building web applications

DevFeed: [Firebase Studio prompting tips for building web applications](<https://devfeed.tech/articles/firebase-studio-tips-and-tricks-2-16619.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/07/studio-tips-tricks-2>)

Author: Tianzi Cai

Published: 2025-07-07T00:00:00Z

Content type: tutorial

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Prompt Engineering](<https://devfeed.tech/topics/prompt-engineering.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>), [App](<https://devfeed.tech/topics/app.md>), [dashboards](<https://devfeed.tech/topics/dashboards.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [app](<https://devfeed.tech/tags/app.md>), [applications](<https://devfeed.tech/tags/applications.md>), [blog-post](<https://devfeed.tech/tags/blog-post.md>), [build](<https://devfeed.tech/tags/build.md>), [developer-experience](<https://devfeed.tech/tags/developer-experience.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [prompt](<https://devfeed.tech/tags/prompt.md>), [prompting](<https://devfeed.tech/tags/prompting.md>), [prototyping](<https://devfeed.tech/tags/prototyping.md>), [tips](<https://devfeed.tech/tags/tips.md>), [tips-and-tricks](<https://devfeed.tech/tags/tips-and-tricks.md>), [tutorials](<https://devfeed.tech/tags/tutorials.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [web-applications](<https://devfeed.tech/tags/web-applications.md>)

### AI overview

This tutorial explains how to write effective prompts for Firebase Studio's App Prototyping agent. It recommends concise elevator-pitch-style initial prompts that describe an application's purpose, behavior, and appearance, while noting that the Prototyper is designed to generate no more than 10 core features on the first try.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## Bringing architecture to life with Firebase Studio

DevFeed: [Bringing architecture to life with Firebase Studio](<https://devfeed.tech/articles/bringing-architecture-to-life-with-firebase-studio-16617.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/07/houseid-studio-showcase>)

Author: Romy El Sayah

Published: 2025-07-02T00:00:00Z

Content type: article

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [human computer interaction](<https://devfeed.tech/topics/human-computer-interaction.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>), [coding](<https://devfeed.tech/topics/coding.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [authentication](<https://devfeed.tech/tags/authentication.md>), [case-study](<https://devfeed.tech/tags/case-study.md>), [coding](<https://devfeed.tech/tags/coding.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [human-computer-interaction](<https://devfeed.tech/tags/human-computer-interaction.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [stripe](<https://devfeed.tech/tags/stripe.md>), [tutorials](<https://devfeed.tech/tags/tutorials.md>)

### AI overview

A creative technologist describes HouseID, a project that transforms user photos and facial features into architectural designs. After an earlier manual and pix2pixHD-based approach produced similar-looking buildings, the project was revisited with Firebase Studio to support a mobile-friendly experience and backend processing for long image-generation prompts.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## Simplify development with public ports in Firebase Studio

DevFeed: [Simplify development with public ports in Firebase Studio](<https://devfeed.tech/articles/simplify-development-with-public-ports-in-firebase-studio-16615.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/07/firebase-studio-public-ports>)

Author: Chandra Sekhar Pydi

Published: 2025-07-01T00:00:00Z

Content type: tutorial

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Development](<https://devfeed.tech/topics/development.md>), [Back end](<https://devfeed.tech/topics/backend.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [Express](<https://devfeed.tech/topics/express.md>), [Node.js](<https://devfeed.tech/topics/node-js.md>), [React](<https://devfeed.tech/topics/react.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>), [Web](<https://devfeed.tech/topics/web.md>), [Cross-origin resource sharing (CORS)](<https://devfeed.tech/topics/cors.md>)

Tags: [backend](<https://devfeed.tech/tags/backend.md>), [cors](<https://devfeed.tech/tags/cors.md>), [development](<https://devfeed.tech/tags/development.md>), [express](<https://devfeed.tech/tags/express.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [full-stack-development](<https://devfeed.tech/tags/full-stack-development.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [node-js](<https://devfeed.tech/tags/node-js.md>), [react](<https://devfeed.tech/tags/react.md>), [tutorials](<https://devfeed.tech/tags/tutorials.md>), [updates](<https://devfeed.tech/tags/updates.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

This tutorial explains how Firebase Studio public ports expose backend services and web application previews for sharing, frontend integration, feedback, and testing. It describes opening a backend port, accessing its generated public URL, and making an application preview public.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## Firebase Studio: Tips and Tricks

DevFeed: [Firebase Studio: Tips and Tricks](<https://devfeed.tech/articles/firebase-studio-tips-and-tricks-16605.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/05/studio-tips-tricks>)

Author: Jess Kuras

Published: 2025-05-29T10:50:00Z

Content type: tutorial

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Development](<https://devfeed.tech/topics/development.md>), [App](<https://devfeed.tech/topics/app.md>), [debug](<https://devfeed.tech/topics/debug.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [app-development](<https://devfeed.tech/tags/app-development.md>), [app-hosting](<https://devfeed.tech/tags/app-hosting.md>), [bug](<https://devfeed.tech/tags/bug.md>), [code](<https://devfeed.tech/tags/code.md>), [debug](<https://devfeed.tech/tags/debug.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [hosting](<https://devfeed.tech/tags/hosting.md>), [image](<https://devfeed.tech/tags/image.md>), [tips](<https://devfeed.tech/tags/tips.md>), [tips-and-tricks](<https://devfeed.tech/tags/tips-and-tricks.md>), [tutorials](<https://devfeed.tech/tags/tutorials.md>)

### AI overview

This tutorial presents practical Firebase Studio features for faster app development, including annotation tools, image uploads, element selection, version restoration, and switching Gemini models.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## What's new in Firebase at I/O 2025

DevFeed: [What's new in Firebase at I/O 2025](<https://devfeed.tech/articles/what-s-new-in-firebase-at-i-o-2025-16607.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/05/whats-new-at-google-io>)

Author: Aja Hammerly; Seba Gnagnarella

Published: 2025-05-20T10:51:00Z

Content type: news

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Google](<https://devfeed.tech/topics/google.md>), [Figma](<https://devfeed.tech/topics/figma.md>), [Firestore](<https://devfeed.tech/topics/firestore.md>), [Authentication](<https://devfeed.tech/topics/authentication.md>), [ui](<https://devfeed.tech/topics/ui.md>)

Tags: [2025](<https://devfeed.tech/tags/2025.md>), [ai](<https://devfeed.tech/tags/ai.md>), [ai-logic](<https://devfeed.tech/tags/ai-logic.md>), [app-check](<https://devfeed.tech/tags/app-check.md>), [app-development](<https://devfeed.tech/tags/app-development.md>), [app-hosting](<https://devfeed.tech/tags/app-hosting.md>), [authentication](<https://devfeed.tech/tags/authentication.md>), [cloud](<https://devfeed.tech/tags/cloud.md>), [code](<https://devfeed.tech/tags/code.md>), [data](<https://devfeed.tech/tags/data.md>), [database](<https://devfeed.tech/tags/database.md>), [design](<https://devfeed.tech/tags/design.md>), [development](<https://devfeed.tech/tags/development.md>), [emulator-suite](<https://devfeed.tech/tags/emulator-suite.md>), [figma](<https://devfeed.tech/tags/figma.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-ai-logic](<https://devfeed.tech/tags/firebase-ai-logic.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [firestore](<https://devfeed.tech/tags/firestore.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [genkit](<https://devfeed.tech/tags/genkit.md>), [google](<https://devfeed.tech/tags/google.md>), [google-i-o](<https://devfeed.tech/tags/google-i-o.md>), [launch](<https://devfeed.tech/tags/launch.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [news](<https://devfeed.tech/tags/news.md>), [phone-number-verification](<https://devfeed.tech/tags/phone-number-verification.md>), [postgresql](<https://devfeed.tech/tags/postgresql.md>), [remote-config](<https://devfeed.tech/tags/remote-config.md>), [sql-connect](<https://devfeed.tech/tags/sql-connect.md>), [terraform](<https://devfeed.tech/tags/terraform.md>), [unity](<https://devfeed.tech/tags/unity.md>), [updates](<https://devfeed.tech/tags/updates.md>), [vertex-ai](<https://devfeed.tech/tags/vertex-ai.md>)

### AI overview

Firebase's I/O 2025 updates introduce new Firebase Studio capabilities, including Gemini 2.5 support, Figma design import, image replacement, and automated backend setup with Firebase Authentication and Firestore integrations.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## Top Firebase Studio updates from Google I/O 2025

DevFeed: [Top Firebase Studio updates from Google I/O 2025](<https://devfeed.tech/articles/top-firebase-studio-updates-from-google-i-o-2025-16606.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/05/studio-updates-from-io>)

Author: Jess Kuras; Kirupa Chinnathambi

Published: 2025-05-20T10:50:00Z

Content type: news

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Figma plugin](<https://devfeed.tech/topics/figma-plugin.md>), [Authentication](<https://devfeed.tech/topics/authentication.md>), [Firestore](<https://devfeed.tech/topics/firestore.md>), [hosting](<https://devfeed.tech/topics/hosting.md>)

Tags: [2025](<https://devfeed.tech/tags/2025.md>), [ai](<https://devfeed.tech/tags/ai.md>), [app-hosting](<https://devfeed.tech/tags/app-hosting.md>), [authentication](<https://devfeed.tech/tags/authentication.md>), [figma-plugin](<https://devfeed.tech/tags/figma-plugin.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [firestore](<https://devfeed.tech/tags/firestore.md>), [full-stack-development](<https://devfeed.tech/tags/full-stack-development.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [google-i-o](<https://devfeed.tech/tags/google-i-o.md>), [launch](<https://devfeed.tech/tags/launch.md>)

### AI overview

Firebase Studio updates include Gemini 2.5 Pro support, improvements to the App Prototyping agent, bug fixes, Figma design import through the Builder.io plugin, and automated recommendations and provisioning for Firebase Auth and Cloud Firestore backend services.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## More ways to deploy with Firebase App Hosting

DevFeed: [More ways to deploy with Firebase App Hosting](<https://devfeed.tech/articles/more-ways-to-deploy-with-firebase-app-hosting-16604.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/05/more-ways-to-deploy-app-hosting>)

Author: Julia Reid; Eric Gilmore

Published: 2025-05-20T10:45:00Z

Content type: release

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [hosting](<https://devfeed.tech/topics/hosting.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>), [CI/CD](<https://devfeed.tech/topics/cicd.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>)

Tags: [app-hosting](<https://devfeed.tech/tags/app-hosting.md>), [ci-cd](<https://devfeed.tech/tags/ci-cd.md>), [emulator-suite](<https://devfeed.tech/tags/emulator-suite.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-cli](<https://devfeed.tech/tags/firebase-cli.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [google-i-o](<https://devfeed.tech/tags/google-i-o.md>), [hosting](<https://devfeed.tech/tags/hosting.md>), [launch](<https://devfeed.tech/tags/launch.md>), [monitoring](<https://devfeed.tech/tags/monitoring.md>), [terraform](<https://devfeed.tech/tags/terraform.md>), [updates](<https://devfeed.tech/tags/updates.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

Firebase App Hosting adds deployment options for source code and container images without GitHub, including Firebase Studio and the Firebase CLI. It also automatically configures the Firebase SDK emulator for local testing and provides monitoring in Firebase Studio.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## Announcing Gemini 2.5 in Firebase Studio

DevFeed: [Announcing Gemini 2.5 in Firebase Studio](<https://devfeed.tech/articles/announcing-gemini-2-5-in-firebase-studio-16598.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/05/announcing-gemini-25-in-firebase-studio>)

Author: Aja Hammerly; Ali Satter

Published: 2025-05-07T00:00:00Z

Content type: release

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Google](<https://devfeed.tech/topics/google.md>), [coding](<https://devfeed.tech/topics/coding.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [app](<https://devfeed.tech/tags/app.md>), [coding](<https://devfeed.tech/tags/coding.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [google](<https://devfeed.tech/tags/google.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [launch](<https://devfeed.tech/tags/launch.md>), [news](<https://devfeed.tech/tags/news.md>), [ui](<https://devfeed.tech/tags/ui.md>), [updates](<https://devfeed.tech/tags/updates.md>)

### AI overview

Firebase Studio has upgraded its built-in App Prototyping agent to use Gemini 2.5. The article describes improved application UI and coding capabilities, along with example apps created through natural-language prompts.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## What's new in Firebase at Cloud Next 2025

DevFeed: [What's new in Firebase at Cloud Next 2025](<https://devfeed.tech/articles/what-s-new-in-firebase-at-cloud-next-2025-16588.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/04/cloud-next-announcements>)

Author: Kristen Richards; Andrea Wu

Published: 2025-04-09T06:07:00Z

Content type: news

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Cloud](<https://devfeed.tech/topics/cloud.md>), [Genkit](<https://devfeed.tech/topics/genkit.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [Testing](<https://devfeed.tech/topics/testing.md>)

Tags: [2025](<https://devfeed.tech/tags/2025.md>), [ai](<https://devfeed.tech/tags/ai.md>), [ai-logic](<https://devfeed.tech/tags/ai-logic.md>), [android](<https://devfeed.tech/tags/android.md>), [angular](<https://devfeed.tech/tags/angular.md>), [app-distribution](<https://devfeed.tech/tags/app-distribution.md>), [app-hosting](<https://devfeed.tech/tags/app-hosting.md>), [cloud-next](<https://devfeed.tech/tags/cloud-next.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [flaky](<https://devfeed.tech/tags/flaky.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [genkit](<https://devfeed.tech/tags/genkit.md>), [go](<https://devfeed.tech/tags/go.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [ios](<https://devfeed.tech/tags/ios.md>), [launch](<https://devfeed.tech/tags/launch.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [postgresql](<https://devfeed.tech/tags/postgresql.md>), [python](<https://devfeed.tech/tags/python.md>), [react](<https://devfeed.tech/tags/react.md>), [react-native](<https://devfeed.tech/tags/react-native.md>), [sql-connect](<https://devfeed.tech/tags/sql-connect.md>), [updates](<https://devfeed.tech/tags/updates.md>), [vertex-ai](<https://devfeed.tech/tags/vertex-ai.md>)

### AI overview

Firebase announces product updates at Cloud Next 2025, including Firebase Studio, an App Testing agent, expanded Genkit language support, Vertex AI integrations, and general availability for Data Connect and App Hosting.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## Introducing Firebase Studio

DevFeed: [Introducing Firebase Studio](<https://devfeed.tech/articles/introducing-firebase-studio-16595.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/04/introducing-firebase-studio>)

Author: Rody Davis; Kelvin Boateng

Published: 2025-04-09T06:06:00Z

Content type: release

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [AI-assisted coding](<https://devfeed.tech/topics/ai-assisted-coding.md>), [Development](<https://devfeed.tech/topics/development.md>), [Genkit](<https://devfeed.tech/topics/genkit.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [AI Chat](<https://devfeed.tech/topics/ai-chat.md>)

Tags: [agentic](<https://devfeed.tech/tags/agentic.md>), [ai](<https://devfeed.tech/tags/ai.md>), [app-development](<https://devfeed.tech/tags/app-development.md>), [app-hosting](<https://devfeed.tech/tags/app-hosting.md>), [build](<https://devfeed.tech/tags/build.md>), [cloud-next](<https://devfeed.tech/tags/cloud-next.md>), [coding](<https://devfeed.tech/tags/coding.md>), [development](<https://devfeed.tech/tags/development.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-studio](<https://devfeed.tech/tags/firebase-studio.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [genkit](<https://devfeed.tech/tags/genkit.md>), [launch](<https://devfeed.tech/tags/launch.md>), [news](<https://devfeed.tech/tags/news.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [project-idx](<https://devfeed.tech/tags/project-idx.md>), [updates](<https://devfeed.tech/tags/updates.md>), [web-app](<https://devfeed.tech/tags/web-app.md>)

### AI overview

Firebase is launching a preview of Firebase Studio, a cloud-based agentic development environment for building, testing, deploying, and running AI applications. It combines Project IDX, Genkit, and Gemini in Firebase with prototyping, coding workspaces, and deployment options.

### Source excerpt

News, tutorials, and updates from the Firebase team.