Geração de quadros com IA
Abrindo o criador de quadros
Após a documentação do seu projeto de wireframe ser gerada, você o verá na sua lista de wireframes como um cartão de projeto. Para começar a gerar quadros com IA, clique no ícone de IA no canto inferior direito do cartão do projeto. Isso abre o criador de quadros onde você pode gerar e gerenciar quadros individuais para cada tela.
Criador de quadros
O criador de quadros é onde você gera e gerencia quadros de wireframe individuais para cada tela. A barra lateral esquerda lista todas as telas do seu projeto (ex.: Dashboard, Lista de Tarefas, Detalhe da Tarefa) com emblemas de status mostrando se cada uma está pendente, gerando ou concluída.
Layout
AI Provider
Selecione o modelo de IA para geração de quadros no dropdown no canto superior esquerdo (ex.: Claude Code, Opus 4.6).
Lista de telas
A barra lateral esquerda mostra todas as telas do projeto. Clique em uma tela para ver seus detalhes e gerar seu quadro.
Screen Purpose & Instructions
O painel central mostra o propósito e os recursos principais da tela selecionada. Clique em Editar para modificá-los antes de gerar.
Frame Preview
O lado direito mostra uma pré-visualização do quadro gerado, ou um espaço reservado de Quadro Vazio se o quadro ainda não foi gerado.
Generate Frame
Clique para gerar o quadro da tela selecionada. Use Iniciar Toda a Geração para gerar todos os quadros pendentes de uma vez.
Edição antes da geração
Você pode editar diferentes aspectos de um quadro antes de gerá-lo. Clique no botão Editar ao lado das seções de Propósito ou Recursos Principais para modificar a descrição, recursos e instruções da tela. Quando estiver satisfeito com os detalhes, clique em Gerar Quadro para criar o quadro, ou ajuste e regenere conforme necessário.
Gerando quadros
Quando um quadro está sendo gerado, o badge de status da tela na barra lateral esquerda muda para gerando... e um indicador de progresso aparece no canto inferior direito (por exemplo, “Gerando Quadro... (10%)”). O botão Gerar Quadro é substituído por um botão Parar Geração, permitindo que você cancele se necessário.
Durante a geração
Emblemas de status
Cada tela mostra seu estado atual — pendente (não iniciado), gerando (em andamento) ou concluído (pronto).
Indicador de progresso
Uma barra de progresso baseada em porcentagem no canto inferior direito mostra o andamento da geração do quadro atual.
Parar geração
Cancele a geração do quadro atual a qualquer momento clicando no botão Parar Geração.
Vinculação automática
Os quadros são automaticamente vinculados entre si — os fluxos de navegação entre telas são conectados durante a geração.
Quadros concluídos
Quando a geração estiver completa, você verá uma mensagem de Quadro Gerado com Sucesso. O badge de status da tela muda para concluído (verde) junto com uma contagem de elementos (por exemplo, “41 elementos”). A pré-visualização do quadro gerado aparece no lado direito do editor.
Após a conclusão
Pré-visualização do quadro
O painel direito exibe uma pré-visualização visual do quadro gerado com todos os componentes dispostos.
Contagem de elementos
O emblema de conclusão mostra o número total de elementos gerados para a tela.
Reiniciar quadro
Se você não estiver satisfeito com o resultado, clique em Reiniciar Quadro para regenerar do zero.
Start All Generation
Continue gerando os quadros pendentes restantes, ou use isso para gerar todas as telas em lote de uma vez.