Vibe Coding no Google AI Studio: Criar, Limites, Deploy

Como fazer vibe coding no modo Build do Google AI Studio: passo a passo, o que ele faz e não faz, o limite de dois apps do Starter Tier e como publicar ou exportar.

Perguntas frequentes

O que é vibe coding no Google AI Studio?

É o modo Build, disponível em aistudio.google.com/apps. Você descreve um app em linguagem natural, o Gemini gera o código e uma prévia ao vivo aparece ao lado. Segundo a documentação do Google, os apps web usam por padrão um frontend em React com um ambiente de execução Node.js no servidor, e você também pode escolher um app Android nativo (Kotlin e Jetpack Compose). Você refina o resultado conversando ou usando o modo de anotação na prévia. Documentação consultada em novembro de 2026.

O vibe coding no Google AI Studio é gratuito?

A documentação de Build e deploy do Google não descreve uma cota gratuita. Ela diz que as chamadas de API do seu app contam para os seus limites de uso e que pode haver cobrança se você usar modelos pagos. O Starter Tier permite que contas elegíveis publiquem até dois apps full-stack sem um projeto do Google Cloud nem conta de faturamento, mas os preços do Cloud Run podem se aplicar conforme o uso. Consulte a página Billing (Faturamento) no AI Studio para ver os valores atuais da sua conta.

Como faço deploy de um app criado no Google AI Studio?

Clique em Publish (Publicar) no canto superior direito. No Starter Tier, depois você clica em Get Started e em Publish App, e recebe uma URL do Cloud Run. O deploy padrão exige um projeto do Google Cloud vinculado à sua conta do AI Studio, com faturamento ativado. Você também pode sincronizar o projeto com o GitHub ou baixar um ZIP e hospedar por conta própria.

Posso exportar meu app do Google AI Studio para o GitHub ou para minha própria hospedagem?

Sim. O AI Studio oferece sincronização bidirecional com o GitHub, gerenciada na aba GitHub em Settings (Configurações), com mensagens de commit geradas por IA e uma caixa de diálogo Resolve conflicts (Resolver conflitos). Você também pode baixar um ZIP. Se for executar o código em outro lugar, será preciso definir você mesmo a variável de ambiente GEMINI_API_KEY.

Minha chave da API do Gemini fica exposta no app publicado?

Para novos apps web, a documentação do Google diz que o AI Studio armazena a GEMINI_API_KEY como um segredo no servidor, visível no painel Secrets, e que ela nunca é incluída no código do lado do cliente. O app publicado usa essa chave nas chamadas ao Gemini de todos os visitantes, então o uso deles conta nos seus limites e custos.

Quem pode usar o Starter Tier para publicar?

A página de deploy do Google informa que contas conectadas com uma conta do Google Workspace não são elegíveis, assim como contas com conta de faturamento do Google Cloud paga ativa ou anterior, ou sem evidência suficiente de atividade. Ela também diz que o suporte não pode abrir exceções de elegibilidade. Se você não for elegível, use o deploy padrão com um projeto do Google Cloud com faturamento ativado.

Resposta curta: o vibe coding do Google AI Studio fica no modo Build, em aistudio.google.com/apps. Você descreve um app, o Gemini escreve um frontend em React com um servidor Node.js (ou um app Android nativo) e você vai ajustando em uma prévia ao vivo. Quando estiver funcionando, clique em Publish para colocá-lo no Cloud Run, sincronize com o GitHub ou baixe um ZIP. Confira os limites abaixo antes de compartilhar um link, porque as chamadas ao Gemini dos visitantes usam a sua chave. Todos os detalhes foram conferidos na documentação do Google em novembro de 2026.

O que o modo Build realmente faz

O modo Build é um ambiente de prompt para app dentro do AI Studio. Segundo a documentação do Google:

  • Apps web (padrão): um frontend em React e um ambiente de execução Node.js no servidor para chamadas de API seguras, conexões com bancos de dados e pacotes npm. O agente instala os pacotes conforme necessário.
  • Apps Android: Kotlin e Jetpack Compose, com prévia em um emulador no navegador, instalação em um dispositivo via ADB no navegador e publicação na Play Store para testes internos.
  • Integrações nativas: Firebase Firestore e Firebase Authentication (Sign in with Google), conexões com o Google Workspace como Gmail, Sheets, Docs, Drive e Calendar com configuração automática de OAuth, e estado multiplayer gerenciado pelo ambiente de execução do servidor.
  • Outros bancos de dados: a documentação diz que você pode usar qualquer armazenamento acessível pela rede, sujeito a limites de firewall em faixas de IP dinâmicas.

Se o termo é novo para você, nossa explicação sobre o que é vibe coding apresenta a ideia. O modo Build é uma das formas de colocá-la em prática.

Como fazer vibe coding de um app no Google AI Studio

  1. Abra o modo Build. Acesse aistudio.google.com/apps e escolha app web (o padrão) ou Android nativo no seletor de plataforma.
  2. Escreva o prompt. Descreva quem usa o app, o que a tela principal mostra e quais dados ele manipula. Você pode usar AI Chips para adicionar recursos como geração de imagens ou dados do Google Maps, ou ditar por voz com o recurso de fala para texto. O "I'm Feeling Lucky" gera uma ideia se você estiver sem inspiração.
  3. Ou comece de algo que já existe. Abra um app na App Gallery e selecione Copy App para remixá-lo, ou use Import from GitHub no menu Add files (+) da caixa de prompt.
  4. Execute e confira a prévia. Os arquivos gerados aparecem com uma prévia ao vivo à direita. A aba Code mostra o código-fonte.
  5. Itere em passos pequenos. Peça uma mudança por mensagem. Para ajustes visuais, use o modo de anotação: destaque uma parte da interface e descreva a mudança que você quer.
  6. Cuide das permissões. Se o app precisar de câmera, microfone ou geolocalização, a documentação orienta listar essas APIs do navegador em requestFramePermissions, no arquivo metadata.json.
  7. Confira os segredos. Abra o painel Secrets em Settings para ver a GEMINI_API_KEY e adicionar outras chaves de que o código do seu servidor precise.
  8. Salve ou publique. Sincronize com o GitHub, baixe um ZIP ou clique em Publish.

Como escrever o prompt para obter primeiros rascunhos melhores

Crie uma página de agendamento para um pequeno ateliê de cerâmica. Os visitantes escolhem uma aula em uma lista, selecionam uma data e informam nome e e-mail. Salve os pedidos no Firestore. Mostre uma tela de confirmação. Mantenha o layout em coluna única e pensado primeiro para celular. Não adicione login.

Citar o armazenamento de dados, as telas e o que deve ficar de fora reduz a chance de o agente inventar recursos que você depois precisa apagar.

Comparação das opções de deploy e exportação

OpçãoO que você recebeRequisitos (segundo a documentação do Google)Atenção
Publish, Starter TierURL do Cloud Run, subdomínio opcional seu-app.ai.studioConta elegível; não precisa de projeto do Google Cloud nem de conta de faturamentoAté dois serviços no total, em uma única região do Cloud Run; contas Workspace e contas com faturamento pago do Cloud não são elegíveis
Publish, deploy padrãoServiço escalável no Cloud RunProjeto do Google Cloud vinculado ao AI Studio com faturamento ativadoOs preços do Cloud Run podem se aplicar conforme o uso
Sincronização com o GitHubSincronização bidirecional do repositório com mensagens de commitAba GitHub em SettingsResolva conflitos de merge na caixa de diálogo
Download de ZIPCódigo que você pode executar em qualquer lugarDefina a GEMINI_API_KEY por conta própriaHospedagem, segredos e atualizações ficam por sua conta

No Starter Tier, publicar leva três cliques: Publish, Get Started, Publish App. Se você já tem dois apps no ar, precisa cancelar a publicação de um ou fazer upgrade. Os subdomínios personalizados funcionam por ordem de chegada e são liberados quando você cancela a publicação ou exclui o app.

Limites e riscos a conhecer antes de compartilhar

  • Sua chave paga por todos os visitantes. O app publicado usa a sua chave da API do Gemini nas chamadas de todos os usuários, e a documentação alerta que pode haver cobrança se você usar modelos pagos. O AI Studio avisa você antes de compartilhar.
  • Os apps começam privados. As pessoas com quem você compartilha podem ver e fazer fork do código, e quem tem permissão de edição pode alterá-lo.
  • Sem coedição ao vivo. A documentação do Google diz que a edição colaborativa em tempo real não é compatível; as equipes colaboram por meio de um repositório compartilhado no GitHub.
  • Links compartilhados podem falhar. A documentação menciona erros 403 Access Restricted causados por extensões de privacidade como o Privacy Badger, ou por erros de build.
  • O comportamento é de sua responsabilidade. Apps podem ser removidos por violação de políticas, e o desenvolvedor responde pelo comportamento e pelos dados do app.
  • Apps mais antigos. Apps criados antes de 14 de maio de 2026 são atualizados para a abordagem de chave no servidor na próxima vez que seus recursos do Gemini forem modificados.

As páginas do Google que consultamos não informam números de requisições ou tokens do nível gratuito, então não citamos nenhum. Veja a página Billing dentro do AI Studio para saber o que vale para a sua conta.

Antes de publicar: checklist para copiar

  • [ ] O app funciona na prévia com um perfil de navegador novo, e não apenas no seu, já conectado
  • [ ] Os segredos estão no painel Secrets, e não colados no código nem nos prompts
  • [ ] Você sabe qual chave do Gemini o app publicado vai usar e quanto custaria um dia de muito movimento
  • [ ] As regras do Firestore ou do banco de dados foram revisadas para que os visitantes não leiam nem gravem o que não devem
  • [ ] Você testou em uma tela com largura de celular
  • [ ] O repositório está sincronizado com o GitHub, para você ter uma cópia fora do AI Studio
  • [ ] Você verificou a elegibilidade ao Starter Tier ou tem um projeto do Cloud com faturamento ativado à mão

Apps gerados por IA podem parecer prontos e esconder falhas de validação e de controle de acesso, tema que abordamos em a lacuna de confiança do vibe coding para sites.

Quando o modo Build é a ferramenta errada

O modo Build serve bem para protótipos, ferramentas internas e pequenos apps interativos que chamam o Gemini. É um caminho mais pesado para um site comercial simples que precisa de domínio, formulário de contato e visibilidade nas buscas. Um serviço do Cloud Run atrás de um subdomínio ai.studio também não equivale a um site que você gerencia para SEO. Se você está avaliando hospedagens mais simples, veja nossa lista de alternativas ao Google Sites e, depois que o site estiver no ar, configure o Google Search Console para acompanhar como ele está sendo indexado.

Para um site comum, e não um app personalizado, o plano gratuito da We.Inc permite publicar até três sites a partir de modelos prontos; o construtor com IA que cria um site a partir de um prompt começa no plano Starter, por $20 por mês. Você pode se cadastrar aqui.

Comece grátis · Sem cartão de crédito

Relacionados: Blog

Produto

Para quem é

Recursos

Recursos

Empresa

Mapa do site