Como criar uma página com IA (Max Design)
Para criar uma página com IA, abra Marketing → Max Design, descreva a página que você quer no campo "Descreva a página que você quer criar…" e clique em Criar com IA. A página é criada na hora e você continua a construção conversando com o Max no editor.
Pré-requisitos: estar logado no workspace com acesso de criador. As Max Design estão em fase de testes e o item Max Design pode ainda não aparecer no menu do seu workspace.
Criar descrevendo a página
- No menu lateral, abra Marketing → Max Design.
- No cartão Criar com IA, escreva o que você quer no campo "Descreva a página que você quer criar…" — por exemplo: "página de captura para um curso de confeitaria, com formulário de nome e e-mail".
- Clique em Criar com IA.
- A página é criada com um nome baseado na sua descrição e o editor abre com o Max já trabalhando no seu pedido.
O nome inicial é gerado a partir das primeiras palavras da descrição — você pode renomear depois.
Criar uma página em branco
Prefere começar do zero, sem descrição?
- Em Marketing → Max Design, clique em Criar em branco.
- Digite o Nome da página e clique em Criar página.
- O editor abre vazio e você conversa com o Max quando quiser.
Renomear uma página
- Na lista de Max Design, clique no nome da página.
- Digite o novo nome e pressione Enter (ou clique fora do campo) para salvar.
Excluir uma página
- Na lista, clique no ícone de lixeira do cartão da página.
- Confirme clicando em Excluir. A exclusão não pode ser desfeita: ela encerra o ambiente de edição e remove os arquivos da página.
O editor (chat + preview)
Ao abrir uma página IA você entra no editor em tela cheia:
- Chat do Max à esquerda — peça mudanças em linguagem natural ("adicione uma seção de depoimentos", "troque as cores para combinar com minha marca"). O Max edita o código da página e o preview reflete as mudanças.
- Preview ao vivo à direita — mostra a página como ela está agora. Use os botões para alternar entre visualização desktop e mobile, recarregar o preview e copiar o link temporário do preview.
- Modo Código — clique em Código no topo para ver e editar os arquivos da página diretamente. Clique em Preview para voltar à visualização.
- Você pode arrastar a divisória entre o chat e o preview para redimensionar as áreas.
Ao abrir, a página mostra "Acordando…" enquanto o ambiente de edição é preparado — na primeira vez isso pode levar alguns minutos. Se aparecer um erro, clique em Tentar novamente.
Apontar um elemento para o Max
Em vez de descrever "aquele botão azul do meio", você pode apontar o elemento direto no preview:
- Clique no botão de selecionar elemento na barra do preview.
- Passe o mouse sobre a página — o elemento sob o cursor fica destacado — e clique no que você quer mudar.
- O elemento vira um contexto anexado à sua próxima mensagem no chat. Descreva a mudança e o Max altera exatamente aquele trecho. Pressione Esc para sair do modo de seleção.
Editar o código diretamente (modo Código)
- No topo do editor, clique em Código.
- Na árvore de arquivos à esquerda, clique no arquivo que você quer abrir — ele vira uma aba acima do editor de código. Você pode abrir vários arquivos e alternar entre as abas; o X fecha a aba (se houver mudanças não salvas, pedimos confirmação).
- Faça suas alterações. Um ponto ao lado do nome do arquivo indica que há mudanças não salvas.
- Clique em Salvar (ou pressione Ctrl+S / Cmd+S). Cada salvamento também fica registrado como uma versão da página.
Se o Max criar arquivos novos durante a conversa, use o botão de atualizar no topo da árvore para recarregar a lista.
Atenção: o Max também edita esses arquivos enquanto você conversa com ele — quando os dois mexem no mesmo arquivo, vale a última alteração salva. Arquivos binários (como imagens) aparecem na árvore, mas não podem ser editados no modo Código.
Status da página
Cada cartão da lista mostra um selo de status:
- Rascunho — a página ainda não foi publicada; ela só existe dentro do editor.
- Publicada — a página já foi publicada e está no ar.