Design engineers trocam handoff estático no Figma por protótipos funcionais direto no codebase

O texto descreve um workflow concreto de uma equipe de produto. O design engineer faz o discovery junto com o product manager, constrói o protótipo direto no codebase (numa branch GitHub idêntica à main, então a interface fica igual à de produção) e testa com usuários em três a quatro dias. O que vai para os engenheiros é um componente pronto, com uma story no Storybook, e não um arquivo de design. Backend, integração e arquitetura continuam com a engenharia.

O argumento central é que o código obriga a tratar todos os estados, enquanto um arquivo do Figma mostra só os estados que alguém desenhou. As lacunas aparecem antes de os engenheiros começarem. Em CSS, também dá para descrever comportamento, micro-interações e animações que o usuário de teste realmente experimenta. O autor cita dados do UX Tools (1.478 designers, primavera de 2026): 43,8% gastam mais da metade do tempo de construção com código gerado por IA, e entre quem tem o título de design engineer o índice é 80,9%. Ele também aponta o risco de revisão: numa pesquisa GitLab e Harris Poll, 85% concordam que a IA deslocou o gargalo de escrever código para revisá-lo e validá-lo. Por isso defende o Storybook como handoff, já que o engenheiro vê cada estado num só lugar.

O tema já vinha sendo acompanhado pelo CEVIU. Em 9 de junho de 2026, a matéria "Como o Claude está substituindo o Figma no fluxo de design de interfaces" tratava de protótipos funcionais gerados direto na base de código. Em 16 de junho de 2026, "Prototipagem com IA no Adobe: menos handoffs, mais empatia e código real" mostrou um time do Adobe Firefly entregando duas funcionalidades no codebase de produção em oito dias úteis. Em 28 de setembro de 2026, "A união de Design e Engenharia: código como a fonte única da verdade no processo criativo" falava da convergência. E em 9 de novembro de 2026, "Do design à construção: a ascensão do product design engineering, com David Siren Eisner" abordou o mesmo papel.

A novidade aqui é o detalhamento operacional: prazo de três a quatro dias, Storybook como artefato de entrega, divisão clara do que fica com a engenharia e dados de pesquisa sobre o papel. Antes, o foco era a tendência. Agora há um processo descrito de ponta a ponta.

Para quem trabalha com design de produto, a leitura é que o handoff deixa de ser um arquivo e vira um componente revisável. Isso muda o que se cobra de um designer: noção de front-end, capacidade de ler código gerado por IA e hábito de testar com usuário cedo. Para quem lidera times, o aviso do autor serve de freio: sem alguém capaz de revisar pull requests, o ganho de velocidade vira risco.