Explicação
Engenharia de design é desenhar e construir um produto em um único ciclo. Uma pessoa, ou um time pequeno, toma as decisões de design e as lança como software que funciona, com ferramentas de IA fazendo o trabalho pesado no meio.
Antes eram necessários um designer, um desenvolvedor e algumas semanas de handoff. Agora uma pessoa com Figma, Claude e ChatGPT consegue ir da ideia ao produto funcionando em um dia. O que ela precisa não é de mais ferramentas: é do critério para saber o que é bom.
Um engenheiro de design não termina um design e entrega. Ele desenha um pouco, constrói um pouco, olha o que saiu e dá outra volta. A IA torna cada volta do ciclo barata, então o ciclo roda muitas vezes por dia.
01
Desenhar
Decidir o que deve ser: o layout, as palavras, a tipografia, a cor.
02
Construir
Tornar real, em código, com a IA escrevendo a maior parte a partir do seu design.
03
Julgar
Olhar como um usuário olharia. Manter o que funciona, consertar o que não.
O jeito antigo passava o trabalho de mão em mão, e cada passagem perdia algo. O jeito novo mantém tudo em um só par de mãos.
O handoff
semanas
O ciclo
horas
Um frame do Figma não é mais uma imagem do produto. Com a IA lendo seu design, ele é o primeiro rascunho do código. O trabalho do engenheiro de design é deixar o design claro o bastante para construir a partir dele, e depois conferir o que foi construído contra ele.
Design
Pão fresco, toda manhã
Código
<Hero><h1>Pão fresco, toda manhã</h1><Button tone="accent">Encomendar</Button></Hero>
1
Esboçar uma tela nova no Figma com o brief aberto ao lado.
2
Pedir ao Claude que a construa a partir do frame, usando os tokens do design system.
3
Abrir o resultado e usar no celular. Anotar o que parece estranho.
4
Consertar o espaçamento e os textos você mesmo, e pedir à IA que acompanhe.
5
Lançar, ver como as pessoas usam e começar o ciclo de novo.
A IA consegue fazer cem versões de qualquer coisa. Ela não consegue dizer qual é a certa para este produto, estas pessoas e este momento. Esse é o trabalho inteiro.
01
Gosto
Saber por que um layout se lê com clareza e outro parece errado, quando os dois são tecnicamente corretos.
02
Trade-offs
Escolher o que deixar de fora, qual regra quebrar e quando bom o suficiente é suficiente.
03
Pessoas
Lembrar que há uma pessoa do outro lado da tela, com um objetivo, uma conexão ruim e sem tempo.
Três conjuntos de habilidades em uma só pessoa. Nenhum precisa ser profundo no primeiro dia. Todos melhoram cada vez que o ciclo roda.
Design
Engenharia
IA
O curso gratuito começa pela metade de design e acrescenta o resto unidade por unidade. Ver o currículo