Integrador • Handoff Figma → Lovable → Windsurf
Consolida handoff entre design, protótipo e implementação em um checklist único e acionável.
Produto
handoff
figma-ai
lovable
integracao
windsurf
avançado
Preencha as variáveis
0/7 preenchidas
Preencha os campos abaixo e o prompt será atualizado automaticamente. Depois é só copiar!
{produto}{artefatos_figma}{artefatos_lovable}{artefatos_windsurf}{fluxos}{telas_criticas}{problemas}Prompt (prévia ao vivo)
Atue como Product Operations Lead. Crie um handoff integrado entre Figma AI, Lovable e Windsurf, garantindo continuidade do trabalho sem retrabalho.
Dados:
- Produto: {produto}
- Artefatos do Figma AI: {artefatos_figma}
- Protótipo Lovable: {artefatos_lovable}
- Implementação Windsurf: {artefatos_windsurf}
- Fluxos principais: {fluxos}
- Telas críticas: {telas_criticas}
- Problemas de alinhamento percebidos: {problemas}
Entregue:
1) Checklist de alinhamento entre as 3 etapas
2) Inconsistências comuns a revisar
3) Critérios de aceite por tela (design, UX, técnico)
4) Lista de entregáveis mínimos por etapa
5) Prompt final para IA revisar o handoff completo
Seja extremamente prático.Exemplos
Entrada
Produto: Harvory Artefatos do Figma AI: Wireframes, design system, telas de pricing/checkout/home Protótipo Lovable: Fluxo navegável com dados mock e responsivo Implementação Windsurf: UI com componentes e estados mockados Fluxos principais: Cadastro, onboarding, descoberta, upgrade Telas críticas: Home, Pricing, Checkout Problemas de alinhamento percebidos: CTA diferente entre protótipo e código; spacing inconsistente
Saída esperada
✅ Checklist integrado: - Rotas e nomes de telas iguais nas 3 etapas - CTAs principais consistentes - Componentes críticos mapeados (Figma → Lovable → código) - Estados de interface previstos e implementados - Regras premium documentadas ⚠️ Inconsistências comuns: - Microcopy divergente - Spacing/cores variando - Fluxo de sucesso pós-checkout diferente 🎯 Critérios de aceite por tela: - Design: hierarquia e consistência - UX: CTA e navegação claros - Técnico: componente reutilizável + estado tratado 📦 Entregáveis mínimos: Figma: design system + telas Lovable: fluxo navegável Windsurf: UI componentizada + mocks + estados 🎯 Prompt final: Revise o handoff completo entre Figma AI, Lovable e Windsurf, validando consistência de telas, componentes, CTAs, estados e fluxo principal. Gere ajustes objetivos para eliminar divergências.