Figma AI • Mapa de Telas e Wireframe Estrutural
Gera estrutura de telas e wireframes com hierarquia de informação e blocos por página.
Design
mapa-de-telas
figma-ai
wireframe
intermediario
Preencha as variáveis
0/7 preenchidas
Preencha os campos abaixo e o prompt será atualizado automaticamente. Depois é só copiar!
{produto}{telas_prioritarias}{objetivo_telas}{acoes_telas}{blocos_telas}{regras}{estilo_visual}Prompt (prévia ao vivo)
Atue como UX Architect. Crie um mapa de telas detalhado e wireframes estruturais para o Figma AI gerar layouts com base sólida.
Dados:
- Produto: {produto}
- Telas prioritárias: {telas_prioritarias}
- Objetivo de cada tela: {objetivo_telas}
- Ações principais por tela: {acoes_telas}
- Blocos obrigatórios por tela: {blocos_telas}
- Restrições/regras de negócio: {regras}
- Estilo geral desejado: {estilo_visual}
Entregue:
1) Sequência de telas e relação entre elas
2) Wireframe textual de cada tela (blocos em ordem)
3) Hierarquia de informação por tela
4) CTAs principais e secundários
5) Observações de UX por tela
6) Prompt final para Figma AI gerar wireframes/layouts estruturais
Foque em clareza e escaneabilidade.Exemplos
Entrada
Produto: Harvory Telas prioritárias: Landing, Onboarding, Home, Detalhe do Prompt, Pricing Objetivo de cada tela: Landing converte cadastro; Onboarding personaliza; Home entrega descoberta; Detalhe converte uso; Pricing converte premium Ações principais por tela: Cadastrar, selecionar perfil, buscar, favoritar, assinar Blocos obrigatórios por tela: Hero, prova social, categorias, busca, cards, CTA premium, comparativo de planos Regras de negócio: Conteúdo premium bloqueado para free Estilo visual: Tech premium clean
Saída esperada
🗂️ Sequência e relação: Landing → Auth → Onboarding → Home → Detalhe → Pricing. 📐 Wireframe textual (Home): 1. Header com busca 2. Bloco 'Continue de onde parou' 3. Recomendados por perfil 4. Categorias 5. Novos conteúdos 6. CTA premium 🏷️ Hierarquia (Landing): - Headline de valor - CTA principal - Prova social - Como funciona - Segmentação por público 🎯 CTAs: Primário: Começar grátis Secundário: Ver como funciona ⚠️ UX: Evitar excesso de cards acima da dobra; manter CTA visível. 🎯 Prompt Figma AI: Gere wireframes estruturais para um SaaS de curadoria de IA com telas Landing, Onboarding, Home, Detalhe e Pricing. Organize cada tela por blocos hierárquicos, com foco em escaneabilidade, CTA claro e descoberta de conteúdo.