De texto para interface

O caminho padrão: descreva a interface, receba a interface.

Passos#

1. Abra um projeto e clique no campo de prompt.
2. Descreva o produto, a tela ou telas, o público e a direção visual. Veja Escrever um prompt que entrega o que você quer.
3. Envie. Em um projeto novo, normalmente você verá antes um plano de telas para aprovar.
4. As telas são projetadas uma por vez e aparecem no canvas conforme ficam prontas.

Controlar o resultado#

Tamanho de dispositivo. Diga no prompt — “uma tela de checkout para celular” — ou defina o tamanho antes de gerar. Telas existentes podem ser convertidas para outro dispositivo depois; veja Variantes responsivas e por dispositivo.

Marca. Se você tem cores e fontes, informe de forma explícita e firme. Uma menção fraca (“azulado”) é interpretada; uma instrução exata (“principal #1B4DFF, títulos em Inter, nenhuma outra cor de destaque”) é seguida.

Conteúdo. Forneça os textos reais se os textos importam. Senão você recebe um texto de preenchimento bem formado, ok para a estrutura mas não para uma demo.

Imagens. A IA gera imagens onde o design precisa. Você também pode enviar as suas e pedir que sejam usadas. Veja Imagens nos seus designs.

Quanto custa#

Projetar uma tela nova do zero custa créditos; refiná-la custa muito menos. A tabela exata está em Como funcionam os créditos.

Se o resultado errar o alvo#

Não regenere a tela inteira por um erro parcial — diga o que está errado e deixe corrigir. Regenerar é uma das ações mais caras disponíveis e descarta as partes que já estavam certas.