O Gemini Canvas permite criar ou editar documentos, apresentações, aplicativos e código numa área de trabalho própria. Ele pode ajudar a transformar uma ideia numa demonstração visual, mas uma prévia funcionando não comprova que o código está pronto para usuários reais.

Este roteiro documental usa um exemplo pequeno: uma tela que estima o custo de um serviço a partir de valores preenchidos. O objetivo é organizar o pedido e revisar o protótipo, não publicar uma calculadora financeira sem validar a fórmula. Os controles e a disponibilidade podem variar por conta, região e atualização.

Escreva o pedido antes de abrir o Canvas

Descreva o que a pessoa usuária precisa fazer e quais dados entram. Um bom primeiro pedido pode ser:

Crie um protótipo de uma única página para estimar o custo de um serviço. Campos: horas de trabalho, valor por hora e custo de materiais. Mostre a fórmula usada e avise que o resultado é uma estimativa. Não inclua login, pagamento, envio de dados ou conexão externa. Explique como testar cada campo.

Assim você limita o escopo e reduz o risco de criar funções desnecessárias. Não use valores reais de clientes ou informações confidenciais no protótipo.

Crie e inspecione a resposta

Entre no Gemini Apps, inicie uma conversa e selecione Adicionar arquivos → Canvas abaixo da caixa de texto. Peça explicitamente o formato — por exemplo, um aplicativo ou um trecho de código — e descreva o que deve ficar fora do escopo. Para anexar materiais, use somente arquivos que você tem autorização para enviar.

Quando houver uma prévia de aplicativo, confira cada parte e abra Código para ler o que foi gerado. O Canvas salva as mudanças automaticamente e pode mostrar erros e registros da prévia em Mostrar console. Antes de aceitar uma alteração, procure entender:

• quais campos a tela lê;

• onde está a fórmula;

• como erros e valores vazios são tratados;

• se alguma informação é enviada a outro serviço;

• que dependências ou arquivos foram criados.

Peça mudanças pequenas e específicas. “Mostre uma mensagem quando o campo estiver vazio” é mais fácil de verificar do que “deixe tudo profissional”. Se a conta mostrar Adicionar recursos do Gemini, esse recurso pode incluir geração de texto ou imagem; a ajuda oficial informa que é preciso estar conectado e ter pelo menos 18 anos para adicioná-lo ao app.

Faça uma lista de testes simples

Confira valores normais, campos vazios, letras onde se espera número, valores negativos e números muito grandes. Se a fórmula estiver errada, a interface bonita não torna o resultado confiável. Compare os cálculos com uma conta feita à mão.

Depois que a lógica fizer sentido, peça uma versão com texto de ajuda e uma mensagem clara para cada erro. Não habilite envio de formulário, login ou armazenamento de dados até decidir como essas funções serão protegidas.

Se uma ideia usar uma API externa, não coloque a chave secreta no código do navegador. A documentação do Gemini API recomenda chamadas por um backend seguro; nosso guia explica como integrar IA sem expor a chave de API.

O que o Canvas não resolve

Um protótipo não comprova que usuários querem o produto, não representa automaticamente uma publicação na web e não torna o código pronto para produção. Revise segurança, acessibilidade, compatibilidade, privacidade, custos e direitos antes de usar o projeto fora da demonstração. Para organizar problema, público e funções antes de prototipar, veja o guia sobre como planejar um aplicativo com ChatGPT.