Start AI Coding and Set Up Genkit (Gemini)

Once your app prototype is ready, Firebase Studio will show a Prototyping Assistant panel.

If your app uses Genkit (Gemini) for AI features, you’ll need to enter your Gemini API credentials:

• You can auto-generate the keys directly in Firebase Studio

• Or manually get them from aistudio.google.com

• Required keys include:

  • GEMINI_API_KEY

After entering the keys, click “Continue” to activate Gemini-powered features.

You can now chat with the AI assistant to describe changes you want:

• Example: “Add invoice filtering by date” or “Change theme to dark mode”

• The assistant will update your app and show live previews in the side panel.

To view and edit the full project files, click “Switch to Code”.

This opens a VS Code-like virtual IDE, where you can:

• Browse folders and files

• Edit code directly

• Use AI agents to refactor, explain, or test your code