Playbook Premium Pro Figma AI + Lovable + Windsurf

Define a base estratégica da experiência e o mapa de fluxo antes da criação visual.

Gera estrutura de telas e wireframes com hierarquia de informação e blocos por página.

Define tokens, componentes e estados para garantir consistência visual em todas as telas.

Cria prompts para desenhar telas mais sensíveis do produto com foco em UX e conversão.

Valida telas geradas e gera refinamento premium de UX/UI com foco em clareza e consistência.

Gera a primeira versão navegável do produto com dados mock e fluxo visual consistente.

Evolui o protótipo com fluxo completo, estados simulados e comportamento navegável.

Refina o protótipo, melhora leitura e reduz atrito de uso com foco em UX real.

Adapta o protótipo para desktop/mobile com regras claras de layout e usabilidade.

Valida fluxo navegável do protótipo e identifica quebras, atrito e oportunidades de melhoria.

Cria prompt para estruturar projeto front-end com stack, rotas e organização inicial limpa.

Transforma design em componentes reutilizáveis com estrutura clara e escalável.

Gera prompt para implementar as principais telas da interface com base no protótipo aprovado.

Adiciona estados reais de UI e comportamentos simulados para deixar o front pronto para integração.

Refina o front-end e prepara interface para integração com backend sem retrabalho.

Consolida handoff entre design, protótipo e implementação em um checklist único e acionável.

Executa revisão final completa do ambiente criado, cobrindo UX, UI, consistência e prontidão técnica.