Estados de Interface Premium
Planeja estados vazios, loading, erro e sucesso para deixar o produto mais completo e profissional.
Produto
error-state
empty-state
figma-ai
premium
loading
intermediario
Preencha as variáveis
0/6 preenchidas
Preencha os campos abaixo e o prompt será atualizado automaticamente. Depois é só copiar!
{produto}{telas_principais}{acoes_criticas}{erros_sistema}{tom_marca}{estilo_visual}Prompt (prévia ao vivo)
Atue como UX Designer com foco em product quality. Estruture os estados de interface para um produto digital, garantindo experiência consistente em situações reais de uso.
Dados:
- Produto: {produto}
- Telas principais: {telas_principais}
- Ações críticas do usuário: {acoes_criticas}
- Possíveis erros do sistema: {erros_sistema}
- Tom da marca: {tom_marca}
- Estilo visual: {estilo_visual}
Entregue:
1) Estados vazios (empty states) por tela
2) Estados de loading (skeleton, spinner, placeholders)
3) Estados de erro (mensagens e ações de recuperação)
4) Estados de sucesso/confirmação
5) Microcopy para cada tipo de estado (tom alinhado à marca)
6) Prompt final para Figma AI gerar essas variações de estado
Foque em design que reduz ansiedade e orienta ação.Exemplos
Entrada
Produto: Harvory Telas principais: Home logada, Busca, Favoritos, Pricing, Checkout Ações críticas do usuário: Buscar prompt, favoritar, desbloquear premium, comprar tokens Erros possíveis do sistema: Falha de busca, pagamento recusado, timeout de sessão Tom da marca: Profissional, claro, confiante Estilo visual: Tech premium
Saída esperada
📭 Empty states: - Favoritos vazio: 'Você ainda não salvou nada' - Busca sem resultado: sugerir termos/categorias - Home sem histórico: mostrar trilhas recomendadas ⏳ Loading states: - Skeleton para cards e listas - Spinner apenas em ações curtas - CTA desabilitado com feedback ❌ Erros: - Pagamento recusado: mensagem clara + CTA 'Tentar novamente' - Busca falhou: 'Não conseguimos carregar agora' + retry ✅ Sucesso: - Compra concluída - Conteúdo salvo nos favoritos - Perfil atualizado ✅ Prompt para Figma AI: Crie estados de interface premium (empty, loading, error, success) para SaaS de conteúdo de IA, com microcopy profissional e visual consistente com tema tech premium. Inclua variações para busca, favoritos, pricing e checkout.