Design primeiro — escolha o visual antes da criação
ResumindoAtive Design primeiro em Projetos e clique em Criar. Em menos de um minuto, você vê três primeiras telas da sua ideia com cara de prontas, cada uma em um estilo, no desktop e no celular. Carregue mais opções, veja variações, retoque cores, cantos e fontes ou peça um ajuste — depois clique em Criar na sua favorita, e o app inteiro segue esse visual.
A primeira criação que tenta adivinhar o visual é a que as pessoas mais costumam recomeçar do zero. O Design primeiro mostra várias primeiras telas prontas da sua ideia — desenhadas ao mesmo tempo por modelos de IA rápidos, antes de qualquer coisa ser criada. Você escolhe a que mais gosta, e o app inteiro é criado no visual escolhido: cores, fontes, cantos e o enquadramento das fotos.
Como uso o Design primeiro?
Seção intitulada “Como uso o Design primeiro?”-
Em Projetos, descreva seu app na caixa de texto.
-
Ative Design primeiro. Ele fica laranja, assim como a borda da caixa e o botão Criar. A dica embaixo da caixa passa a dizer Enter para criar design.
-
Clique em Criar. A janela do Design primeiro se abre — nada foi criado ainda.
-
Veja as telas aparecerem. A primeira que fica pronta ocupa o palco, em tamanho grande; as outras preenchem as miniaturas embaixo. Clique em qualquer miniatura para colocá-la no palco.
-
Quando uma parecer certa, clique em Criar nome (por exemplo, Criar Prefeitura de Brookhaven). O projeto é criado nesse visual e a primeira criação começa.
O que estou vendo?
Seção intitulada “O que estou vendo?”- O topo mostra sua descrição e um relógio: os segundos enquanto as telas são desenhadas e, depois, Pronto para criar.
- O palco mostra uma tela em tamanho grande. Cada tela é uma página pronta — não um wireframe — com as suas próprias palavras. Um site (um lugar aonde as pessoas chegam para descobrir, reservar ou comprar) é desenhado como página inicial; uma ferramenta (algo que se abre para fazer um trabalho) é desenhada como a tela principal de uso, cheia de conteúdo realista.
- As miniaturas mostram cada tela com o nome do produto e o estilo, como Pastel suave, Luxo discreto ou Minimalismo suíço, e uma contagem como 3 prontas · 0 ainda desenhando. Você pode escolher uma tela assim que ela estiver visível, mesmo enquanto ainda está sendo desenhada.
- Desktop / Celular mostra a mesma página na largura de um computador ou dentro de uma moldura de celular. Todas as telas são desenhadas para funcionar nos dois tamanhos.
Antes de a primeira tela aparecer, o palco mostra notas curtas sobre o que está acontecendo — Lendo sua descrição…, Nada foi criado ainda: isso é só a aparência. Se um site precisar de fotografias, o MonstarX gera algumas uma única vez e todas as telas usam as mesmas.
Posso ver mais opções?
Seção intitulada “Posso ver mais opções?”- Carregar mais 3 mostra mais três direções em outros estilos (elas são desenhadas enquanto você olha as primeiras). Você pode chegar a nove.
- Ver 5 variações redesenha a tela do palco de cinco jeitos — o mesmo produto, as mesmas palavras e seções em cinco estilos novos: Vidro, Tinta, Noite, Editorial e Sinal. As variações abrem como um novo conjunto, cuja primeira miniatura é a original; alterne entre os conjuntos com as setas no topo. Você pode pedir variações três vezes por sessão.
Como mudo uma tela?
Seção intitulada “Como mudo uma tela?”Retocar — na hora, sem IA. O painel ao lado do palco muda a página inteira de uma vez:
- Cor principal — nove amostras, começando pelas cores da própria tela, ou qualquer cor que você escolher.
- Cantos — Reto, Suave ou Redondo.
- Tipografia — dez pares de fontes.
A miniatura acompanha, e a criação usa os seus retoques. Redefinir retoques volta ao original.
Ajustar — descreva uma mudança com palavras, como mais quente, mais escuro ou use nosso verde #2F6B4F, e clique em Ajustar. A tela selecionada é redesenhada com a sua mudança e colocada ao lado dela, com uma legenda do que você pediu. Você pode fazer até seis ajustes por sessão.
O que acontece quando eu crio?
Seção intitulada “O que acontece quando eu crio?”O MonstarX cria o projeto com o nome da tela escolhida, envia seus anexos, guarda a tela (nos tamanhos desktop e celular) como o design do projeto e começa a primeira criação. O agente do MonstarX segue esse design:
- O visual — cores, fontes, cantos, claro ou escuro — vale para todas as páginas do app.
- A página que a amostra mostra (a página inicial de um site ou a tela principal de uma ferramenta) segue o layout e a ordem dela, e o agente compara o próprio trabalho com a amostra enquanto avança.
- As páginas e as funcionalidades continuam vindo da sua descrição. A amostra mostra uma página; o app ganha tudo o que você pediu.
- As fotografias da amostra viram as imagens do próprio app.
Sua primeira mensagem no chat leva uma etiqueta Design primeiro com o nome, o estilo e as cores. Clique nela para ver a tela escolhida em tamanho real, na largura de desktop e de celular.
Posso pular ou fechar?
Seção intitulada “Posso pular ou fechar?”- Pular e criar agora cria sem um visual escolhido, como se o Design primeiro estivesse desativado.
- Fechar a janela (o ×, Esc ou um clique fora dela) pede confirmação antes — Fechar Design primeiro? Todos os designs, variações e ajustes desta sessão serão perdidos. Sua descrição e seus arquivos continuam na caixa de texto.
- Recarregar a página com a mesma descrição mostra as mesmas telas de novo e desenha só o que não tinha terminado.
Pelo teclado: ← e → ou de 1 a 9 passam de uma tela para outra, e Enter cria.
O Design primeiro usa meus créditos?
Seção intitulada “O Design primeiro usa meus créditos?”Usa — desenhar telas é trabalho de IA, cobrado do seu plano como as outras solicitações. Ele aparece em Uso como Design primeiro, em Fora de um app, e nunca conta para a cota de modelos premium, porque não é você quem escolhe esses modelos. Uma sessão com todas as variações gasta mais do que uma em que você escolhe entre as três primeiras. Se o seu plano não tiver mais saldo, a janela não consegue desenhar.
Perguntas frequentes
Seção intitulada “Perguntas frequentes”A amostra decide quais páginas meu app vai ter?
Não. A amostra decide o visual e o layout da única página que ela mostra. As páginas e as funcionalidades vêm da sua descrição, e a descrição vale sempre que as duas discordarem.
Posso anexar um logo ou uma captura de tela de um site de que gosto?
Pode. As imagens anexadas à sua descrição (até três) são mostradas aos modelos de design, que tiram delas cores e personalidade.
Por que o Design primeiro não aparece?
Ele só existe na caixa de texto de Projetos, com você já dentro da conta, e não na página inicial. Uma solicitação feita só de documentos, sem nenhuma palavra, é criada normalmente — escreva uma frase para o design partir dela.
Posso mudar o visual depois da criação?
Pode. Peça no chat — por exemplo, deixe os botões arredondados e o verde mais escuro — ou use o Modo de edição.
É seguro abrir as telas?
É. Cada tela é limpa antes de ser exibida: scripts e conteúdo externo são removidos, então uma tela só consegue ser exibida.