import SocialEmbed from "../../../../components/SocialEmbed.astro";


# Start prototyping with Firebase Studio

<SocialEmbed platform="youtube" id="hB1BdhINRNE" />

## Description

Did you know you can build an app with Firebase Studio? Rody, a Developer Relations Engineer for Firebase Studio shares how to build and deploy an app using the prototype feature. 

Firebase Studio → https://studio.firebase.google.com 

 #Firebase  #VibeCoding #AI

Speaker: Rody Davis
Products Mentioned:,  Firebase

## Transcript

**0:00** · SPEAKER: Have you ever wanted to build an app but wasn't quite sure where to start?

**0:03** · Well, Firebase Studio has you covered.

**0:05** · With Firebase Studio, you can get started with a natural language prompt that generates a full application backed by Next.js and Genkit that you can deploy with one click.

**0:14** · Let's get started.

**0:15** · Head over to studio.firebase.google.com.

**0:18** · And let's enter a natural prompt such as "build an interactive canvas drawing application."

**0:28** · And then once you're done with the prompt, you can go ahead and hit Prototype with AI.

**0:33** · The first thing that it's going to do is generate a blueprint.

**0:36** · This blueprint is an overview of your application and all the features that are going to be included.

**0:41** · Make sure to edit it if there's anything that you want to remove such as AI features or something else that you didn't intend.

**0:46** · Once you're happy with the blueprint, you can go ahead and hit Prototype This App.

**0:57** · Once that's done, you'll see the preview become live with the app that we just asked it to generate.

**1:03** · In this case, since it's a Canvas application, we can go ahead and draw.