Gerador de Estrutura Wireframe

    Cria a estrutura de seções e hierarquia de conteúdo para layout antes do visual final.

    Design
    ux
    figma-ai
    wireframe
    estrutura
    iniciante

    Preencha as variáveis

    0/5 preenchidas

    Preencha os campos abaixo e o prompt será atualizado automaticamente. Depois é só copiar!

    {contexto}
    {tipo_pagina}
    {objetivo}
    {secoes_obrigatorias}
    {cta}

    Prompt (prévia ao vivo)

    Atue como UX Designer. Com base no contexto abaixo, gere uma estrutura de wireframe em texto para orientar a criação no Figma AI.\n\nContexto do projeto: {contexto}\nTipo de página: {tipo_pagina}\nObjetivo da página: {objetivo}\nSeções obrigatórias: {secoes_obrigatorias}\nCTA principal: {cta}\n\nEntregue:\n1) Ordem ideal das seções\n2) Conteúdo principal de cada seção\n3) Hierarquia (título, subtítulo, apoio, CTA)\n4) Sugestão de blocos visuais (cards, lista, grid, depoimentos, FAQ etc.)\n5) Observações de UX para escaneabilidade e conversão\n\nNo final, gere uma versão compacta em formato de prompt para Figma AI.