Biblioteca para designers
Prompts para Design em Português
32 prompts testados para designers brasileiros: briefings de UI, branding, ilustração e fluxos Figma. Prontos para ChatGPT, Claude, Midjourney e v0.
Como usar esta biblioteca
Cada prompt foi escrito para ser colado direto no ChatGPT, Claude ou Midjourney. Troque variáveis em colchetes pelo contexto real do projeto: público, marca, formato e estilo pretendido. Para ilustração, rode o mesmo prompt três vezes e escolha a direção mais próxima do moodboard aprovado.
- Dê contexto de marca antes do pedido.
- Liste restrições visuais e de acessibilidade.
- Peça variações, não aceite a primeira saída.
- Valide contraste e legibilidade sempre.
UI/UX e fluxos
Wireframes, microcopy, auditorias e componentes.
Wireframe de tela de onboarding
Aja como designer de produto sênior. Gere wireframe em texto estruturado para tela de onboarding de app [TIPO] em 3 passos: boas-vindas, coleta de preferência, confirmação. Para cada tela liste: header, corpo, CTA, microcopy, estados vazios. Público: [USUÁRIO]. Não use clichês como 'vamos começar' ou 'pronto para decolar'.
Fluxo de checkout em 4 passos
Desenhe fluxo de checkout e-commerce em 4 telas para [CATEGORIA DE PRODUTO] no Brasil. Considere PIX, parcelamento, cupom e endereço via CEP. Liste para cada tela: campos obrigatórios, validações, estados de erro, estados de loading, microcopy. Foque em reduzir abandono no mobile.
Estados vazios de dashboard
Escreva copy e estrutura para 5 estados vazios de dashboard [TIPO]: primeiro acesso, sem dados ainda, erro de carregamento, busca sem resultado, feature bloqueada por plano. Cada estado precisa de título, descrição e CTA. Tom: [MARCA]. Máximo 15 palavras por texto.
Auditoria de usabilidade de tela
Faça auditoria de usabilidade da tela [DESCREVA OU COLE SCREENSHOT]. Use heurísticas de Nielsen e liste 10 problemas ordenados por severidade. Para cada um: heurística violada, impacto no usuário, sugestão de correção com exemplo concreto. Foque em mobile brasileiro.
Microcopy para formulário longo
Reescreva microcopy de formulário com [N] campos: labels, placeholders, mensagens de erro, mensagens de sucesso, texto de ajuda. Tom conversacional brasileiro, sem gerúndio excessivo, sem 'aguarde' genérico. Liste também quais campos dá para remover ou agrupar para reduzir fricção.
Hierarquia visual de landing page
Analise hierarquia visual desta landing [URL OU DESCRIÇÃO]. Liste os 5 elementos que puxam mais atenção hoje e os 5 que deveriam puxar mais segundo o objetivo [CONVERSÃO PRETENDIDA]. Sugira 7 ajustes concretos em tamanho, peso, cor, espaçamento e ordem para alinhar atenção ao objetivo.
Componente reutilizável em design system
Escreva especificação de componente [NOME] para design system: variantes, estados (default, hover, focus, active, disabled, loading), tokens usados, regras de uso e não-uso, exemplos de onde aplicar e onde não aplicar. Formato Markdown pronto para colar no Storybook.
Tokens de design a partir de marca
Dada esta marca [DESCREVA OU COLE GUIDELINES], gere conjunto de tokens de design em JSON: color (primary, secondary, neutral 50 a 900, semantic), spacing (8pt grid), radius, typography (display, heading 1 a 4, body, caption, overline), shadow, duration. Comente decisões.
Branding e identidade
Briefings, nomes, paletas, tipografia e tom de voz.
Briefing de identidade visual
Escreva briefing completo de identidade visual para marca [NOME] que faz [O QUE]. Estrutura: propósito em uma frase, público em 3 personas, três adjetivos de personalidade, três referências visuais descritas, restrições (que imagens jamais usar), entregáveis (logo, paleta, tipografia, aplicações). Máximo 800 palavras.
Geração de nome de marca
Gere 30 nomes para marca de [CATEGORIA] que evoque [SENTIMENTO]. Agrupe em 5 direções conceituais (ex: natureza, movimento, abstrato). Para cada nome, liste domínio .com.br disponível (suposição), significado em outras línguas a verificar, e risco de conflito. Evite nomes que soem em inglês forçado no Brasil.
Paleta de cores a partir de posicionamento
Construa paleta de cores para marca com posicionamento [TEXTO]. Entregue: cor primária com hex e justificativa emocional, 2 secundárias, 4 neutras (50, 200, 500, 900), cor de acento, 3 cores semânticas (sucesso, alerta, erro). Verifique contraste AA para cada combinação texto/fundo. Explique por que essa paleta e não outra.
Tipografia para marca brasileira
Sugira pareamento tipográfico para marca [SETOR] com tom [ADJETIVOS]. Inclua: família para display, família para corpo, pesos mínimos necessários, tamanho base, escala tipográfica (1.25x), exemplos em português com acentuação correta. Prefira fontes com bom suporte a português (ç, ã, á) e boa performance web.
Moodboard descritivo em texto
Descreva moodboard para marca [NOME] em 12 imagens textuais. Para cada imagem: 2 frases descrevendo cena, iluminação, cor dominante, textura, movimento e sentimento. Divida em 4 temas (ex: produto, pessoas, ambiente, detalhe). Essa descrição vai virar prompt para Midjourney, então seja concreto e visual.
Tom de voz verbal da marca
Defina tom de voz verbal para marca [NOME] em 1 página. Inclua: 3 princípios de voz com frase exemplo, 3 coisas que sempre fazemos (ex: usamos você, não usamos gerúndio), 3 coisas que nunca fazemos, exemplo de mesma mensagem reescrita em 3 contextos (anúncio, suporte, erro 500).
Guidelines de uso de logo
Escreva seção de guidelines de uso de logo para marca [NOME]. Inclua: versões (primária, monocromática, negativa, reduzida), área de proteção em múltiplos do X, tamanhos mínimos em pixel e mm, fundos permitidos e proibidos com razão, 5 usos proibidos comuns (distorção, rotação, cor errada, sombra, efeito).
Ilustração e imagem
Prompts para Midjourney, Stable Diffusion e ilustradores.
Prompt de ilustração editorial
Gere 5 prompts para Midjourney v7 de ilustração editorial que acompanhe artigo sobre [TEMA]. Cada prompt: 30 a 50 palavras, estilo [REFERÊNCIA], paleta limitada, formato --ar 16:9 --s 250. Varie ângulo e composição. Evite clichês como 'person looking at screen' e 'hand shake'.
Série de spot illustrations
Escreva 8 prompts de spot illustrations (cenas pequenas decorativas) para blog de [TEMA]. Cada uma: objeto central simples, paleta de 3 cores [CORES], estilo [line art minimalista / flat com textura / isométrico], fundo transparente ou sólido. Formato quadrado. Devem funcionar em 80px e 400px.
Ilustração de personagem de marca
Descreva personagem de marca (mascote) para [NOME, SETOR]. Inclua: espécie ou arquétipo, 3 adjetivos de personalidade, paleta de cores, silhueta reconhecível em preto, 4 poses essenciais (neutro, animado, pensando, apresentando), restrições (ex: nunca mostrar dinheiro, nunca raivoso). Entregue como briefing para ilustrador ou prompt de IA.
Cena de produto em uso
Gere prompt para imagem fotorrealista de produto [TIPO] em uso real no Brasil. Descreva: ambiente (cidade, cozinha, escritório), iluminação (hora do dia, natural ou artificial), pessoa (idade, vestimenta, ação), enquadramento, profundidade de campo. Formato --ar 4:5. Sem texto na imagem. Sem pessoas olhando para câmera se parecer artificial.
Hero image para landing
Descreva hero image conceitual para landing de [PRODUTO]. Não mostre o produto literal, mostre a transformação ou benefício. Paleta: [CORES DA MARCA]. Composição permite texto à esquerda com contraste adequado. Estilo: [fotografia, ilustração, 3D, colagem]. Entregue prompt pronto para Midjourney e variação para Stable Diffusion.
Ícone customizado em estilo
Desenhe em descrição detalhada 12 ícones customizados em estilo [outline 2px / filled / duotone] para [CATEGORIA DE APP]. Liste nome, metáfora visual, risco de ambiguidade, sugestão de alternativa se a primeira metáfora for fraca. Grid 24x24, raio de canto 2px, stroke 2px, terminações arredondadas.
Figma e ferramentas
Fluxos de Figma, v0, handoff e testes de componente.
Auto Layout a partir de descrição
Descreva configuração de Auto Layout para [COMPONENTE] em Figma: direção, gap, padding (top, right, bottom, left), alinhamento, dimensionamento (hug, fixed, fill), comportamento ao resize. Formato pronto para colar como instrução a outro designer ou plugin de AI no Figma.
Estrutura de arquivo Figma
Proponha estrutura de páginas e frames para arquivo Figma de [PROJETO]. Inclua: página de cover, design system, fluxos por feature, arquivo, componentes organizados por tipo, exploração. Use convenção de nomes [prefixo-nome-variante]. Sugira 3 cover styles para apresentação.
Prompt para v0 gerar interface
Escreva prompt detalhado para v0.dev gerar interface de [DESCRIÇÃO]. Inclua: layout em palavras, componentes específicos, estilo (shadcn/ui, Radix, Tailwind), estado e interatividade, dados de exemplo realistas em português. Resultado esperado: componente React pronto para integrar em Next.js.
Handoff para desenvolvimento
Prepare handoff de tela [NOME] para desenvolvedor. Inclua: screenshots anotados em texto, tokens usados, breakpoints, estados, animações (curva, duração, delay), acessibilidade (tab order, labels, aria), dados mockados, links para componentes em Figma. Formato Markdown para colar em Jira/Linear.
Teste A/B de componente
Proponha teste A/B de [COMPONENTE] com hipótese: [TEXTO]. Defina: métrica primária, métricas secundárias, amostra mínima estimada, duração, critério de decisão. Descreva variante A (atual) e variante B em detalhe visual e copy. Liste 3 riscos de viés no teste.
Decisão entre custom e biblioteca
Ajude a decidir entre construir componente [NOME] do zero ou usar biblioteca [ex: shadcn/ui, Material, Ant]. Critérios: esforço inicial, customização necessária, acessibilidade, manutenção, performance, aderência à marca. Liste prós e contras, recomende e justifique em 1 parágrafo.
Perguntas frequentes
Posso substituir um designer humano por IA em 2026?
Não, e quem tenta descobre rápido. IA é excelente para gerar opções, briefings, moodboards, variações de cor e tipografia, e primeiro rascunho de interface. Mas design real exige decisões sobre hierarquia, contexto de negócio, acessibilidade e marca. Use IA como assistente que acelera exploração, não como substituto de julgamento.
Qual ferramenta de IA é melhor para design visual?
Depende do objetivo. Para interface e wireframes, v0 da Vercel e Claude com Figma MCP dominam em 2026. Para ilustração e moodboard, Midjourney v7 e Stable Diffusion 4 continuam à frente. Para briefing, naming e copy de interface, ChatGPT e Claude são equivalentes. Para logo e identidade, nenhum modelo isolado entrega pronto; use como ponto de partida.
Como escrevo um bom briefing para IA gerar design?
Inclua seis coisas: (1) público-alvo em uma frase concreta; (2) sentimento desejado em três adjetivos; (3) três referências visuais descritas em palavras; (4) restrições de marca (cor, tipografia, logos); (5) formato e dimensão exatos; (6) o que evitar. Briefing vago produz saída genérica, independente do modelo.
IA pode gerar design acessível por padrão?
Não por padrão. IA frequentemente sugere combinações com contraste baixo, fontes pequenas e sem indicação de foco. Você precisa pedir explicitamente: WCAG AA mínimo, contraste 4.5:1 para texto, área de toque 44x44px, estados de foco visíveis. Valide sempre com ferramentas como WebAIM e teste com leitor de tela.
Como uso o Figma MCP com Claude ou ChatGPT?
Em 2026, Figma oferece MCP oficial que permite a Claude (via Claude Desktop ou Code) ler arquivos, extrair tokens, gerar componentes e aplicar design system. Instale o plugin, autentique com sua conta Figma, e peça ao Claude coisas como 'extraia os tokens de cor deste arquivo' ou 'gere React com Tailwind baseado neste frame'. Economiza horas em handoff.
Prompt de design no Midjourney difere de ChatGPT?
Muito. Midjourney é visual e gosta de substantivos concretos, estilos artísticos e parâmetros como --ar 16:9 --s 250 --v 7. ChatGPT e Claude são textuais e gostam de instrução em prosa com contexto e restrições. Um bom prompt de Midjourney tem 20 a 60 palavras visuais; um bom prompt de ChatGPT para briefing pode ter 200 palavras estruturadas.
Vale a pena aprender engenharia de prompt como designer?
Sim, é o novo ofício. Designers que dominam prompt conseguem gerar 10 variações antes do primeiro café, extrair feedback estruturado de usuários, e terceirizar tarefas mecânicas como renomear camadas e escrever microcopy. O designer que ignora IA em 2026 vai ficar atrás do que aprende. Não é ameaça, é ferramenta.