Projetos em código: a IA escreve o seu site

Num projeto em código, a IA escreve e altera os arquivos reais do site, confere tudo antes de salvar e você acompanha pela prévia, sem precisar programar.

O que é o modo código

Em vez de preencher os campos de um template, a IA escreve o código do projeto: as páginas, os componentes, o estilo e, quando é preciso, o banco de dados. Assim dá para pedir o que um template não prevê, como uma calculadora de orçamento, uma área de clientes ou um painel. O template, quando existe, serve de ponto de partida e não de limite.

Você não precisa saber programar. O chat é o caminho principal; o código fica à vista para quem quiser conferir. Um projeto em código mostra a etiqueta Código ao lado do nome, no topo do editor.

As abas do editor

Aba	Para que serve
Prévia	O site funcionando, montado a partir do código atual. Veja Prévia.
Plano	O plano do projeto, escrito no modo Planejar. Veja Modo Planejar.
Código	Os arquivos do projeto, só para leitura, e o que mudou na última alteração.
Banco de dados	As tabelas e os registros do site, quando ele guarda dados. Veja Banco de dados.
Histórico	Todas as versões do código, cada uma com Restaurar.

No topo também ficam GitHub, Domínio e Publicar. No celular, as abas aparecem na parte de baixo, junto com Chat.

Como uma mudança acontece

Você descreve o pedido no chat, no modo Construir
A IA escreve o código
O chat mostra a etapa: escrevendo o código, verificando se compila, corrigindo o que não passou e salvando a nova versão.
A plataforma confere
Se algo não passa, a IA tenta corrigir mais algumas vezes. Uma mudança que não passa nunca é aplicada, e os créditos voltam.
A mudança vira uma versão
O chat mostra Aplicada como versão N e a lista de arquivos novos, alterados e apagados.

Os sites em código usam React, Vite, TypeScript e Tailwind. Você não precisa saber o que isso significa, mas a informação ajuda se for trabalhar com um desenvolvedor ou usar o GitHub.

Pedidos grandes e sites inteiros

Um pedido que adiciona várias funcionalidades de uma vez (contas, banco de dados, painéis, pagamentos), cria o primeiro banco de dados do projeto, refaz o site ou muda todas as páginas conta como grande: leva de 8 a 20 minutos e usa 10 créditos. O chat pergunta antes, em Este é um pedido grande.
Uma especificação longa de um site inteiro é construída em etapas: a base visual, os componentes, a página inicial, as páginas de três em três e uma revisão final. Você vê o plano, o tempo e os créditos e clica em Construir o site. Dá para Pausar e Continuar quando quiser.
Cada pedido pequeno ou médio usa 3 créditos. Veja todos os valores em Chat com a IA.

Converter um projeto de template

Quando a opção está disponível, um projeto do editor visual pode virar código pelo menu do projeto, em Converter para código (beta). A conversão não tem volta: a partir dela, o projeto é editado só no modo código.

Publicar um projeto em código

Clique em Publicar, no topo do editor
Confira a pergunta Publicar a versão N?
A versão publicada é sempre a atual. Os visitantes passam a vê-la no lugar da que estava no ar.
Clique em Publicar agora
O endereço do site aparece no aviso No ar em ….

Se o código tiver um problema que impede a publicação, a lista de problemas aparece no mesmo aviso; peça à IA para corrigir. Mudanças feitas depois só vão ao ar quando você publica de novo. Veja Publicar.

Perguntas frequentes

Posso editar o código à mão?

Não pela aba Código, que é só leitura. Para editar no seu computador, sincronize o projeto com o GitHub: cada push volta como uma versão nova.

Como fico com uma cópia do código?

Pela sincronização com o GitHub, o código fica também num repositório seu.

A IA respondeu sem mudar nada.

Isso acontece quando ela explica algo ou faz uma pergunta de volta. A resposta custa 1 crédito e o resto do pedido volta para o saldo. Responda no chat para seguir.

Apareceu “O projeto mudou enquanto a IA trabalhava nele”.

Outra mudança foi salva no meio do caminho, por exemplo em outra aba. Nada foi aplicado e os créditos voltaram; envie o pedido de novo.

Restaurar uma versão apaga os dados do site?

Não. Restaurar traz de volta o código; os cadastros, pedidos e outros dados continuam como estão.