O que é handoff de design?
Handoff de design, também chamado de design handoff ou entrega de design, é o momento em que o layout aprovado sai das mãos de quem desenhou e chega às mãos de quem vai construir. O handoff reúne o arquivo de design, as medidas, os arquivos de imagem e as regras de comportamento de cada elemento.
O handoff existe porque um layout estático responde a poucas perguntas. A tela mostra como a página fica em um tamanho e em um estado. A construção precisa saber o que acontece em telas menores, o que aparece quando um campo é preenchido errado, como o botão se comporta ao passar o mouse e qual texto entra quando a lista está vazia.
Um handoff bem feito antecipa essas perguntas por escrito. Um handoff incompleto empurra as decisões para quem está desenvolvendo, que responde por conta própria e produz um resultado diferente do imaginado. A correção chega depois, na revisão, custando tempo dos dois lados.
Como funciona na prática?
O handoff costuma cobrir seis blocos:
- Arquivo de design organizado, com camadas nomeadas e telas separadas por estado.
- Tokens e estilos: paleta de cores, escala tipográfica, espaçamentos e raios de canto.
- Comportamento responsivo: como cada seção se reorganiza nos pontos de quebra.
- Estados dos componentes: repouso, foco, carregando, erro, sucesso e lista vazia.
- Assets exportados: imagens em formatos e densidades definidos, ícones em vetor, logotipo.
- Regras de conteúdo: limites de caracteres, textos de fallback e comportamento com texto longo.
Ferramentas de design como o Figma expõem medidas, cores e código de referência direto no arquivo, o que reduz a necessidade de anotar tudo à parte. A conversa continua sendo necessária. Uma sessão curta de leitura conjunta do layout resolve mais dúvidas que qualquer documento.
Exemplos de uso
- Uma agência entrega o layout de um site institucional com três pontos de quebra desenhados, todos os estados de formulário e um arquivo de tokens. O time de desenvolvimento monta as páginas em staging sem abrir uma dúvida de espaçamento.
- Um projeto de R$ 40 mil entra em revisão com 60 apontamentos de layout porque o handoff cobriu apenas o desktop. As duas semanas gastas em ajuste consomem a margem do contrato.
Erros comuns
- Entregar apenas a tela de desktop e presumir que o comportamento em mobile é óbvio.
- Deixar camadas soltas e nomes automáticos no arquivo, o que torna a leitura lenta e ambígua.
- Desenhar todos os textos no tamanho ideal, sem testar o que acontece quando o cliente escreve o dobro.
- Exportar assets em formatos pesados, gerando problema de performance de site depois da publicação.
- Tratar o handoff como um evento único, sem canal aberto para as dúvidas que surgem durante a construção.
Perguntas frequentes sobre handoff de design
Quem é responsável pelo handoff de design?
A responsabilidade é compartilhada. Quem desenhou prepara o arquivo, as especificações e os assets. Quem constrói lê o material antes de começar e levanta as lacunas. Uma sessão conjunta de meia hora no início da construção evita a maior parte dos ajustes de revisão.
O handoff acaba quando o layout é entregue?
Não acaba. Dúvidas aparecem durante a construção, porque o navegador expõe situações que a tela estática não mostrava. Mantenha um canal direto entre design e desenvolvimento até a publicação, e registre no arquivo original toda decisão tomada no caminho.
Como saber se o handoff está completo?
Use um teste simples: peça a alguém de fora do projeto que leia o material e descreva o comportamento da página em mobile, com erro de formulário e com texto longo. Se essa pessoa conseguir responder pelo material, o handoff está pronto.