- O uso do Claude Code está aumentando a eficiência do design ao criar código funcional diretamente, sem mockups intermediários
- O uso do Figma caiu bastante e, ao editar funcionalidades em código funcional com dados reais, os pontos de melhoria de UX aparecem muito mais rápido do que em mockups estáticos
- Recursos pequenos são implementados diretamente no Claude Code sem passar pelo Figma, e recursos maiores, após a etapa de descoberta, geram artefatos interativos para compartilhar com a equipe
- O processo mudou para um fluxo em que a própria pessoa vai até a submissão do PR, sem handoff nem entregáveis desperdiçados
- Mantendo o pensamento centrado no usuário, a exploração do problema e a melhoria iterativa, os princípios centrais do design são preservados, enquanto o fluxo evolui para um novo workflow que reduz a fronteira entre design e desenvolvimento
Mudança central: trabalho de design com Claude Code
- Uso o Claude Code todos os dias, e o aumento no número de commits no meu gráfico de commits do Git mostra a integração entre design e desenvolvimento
- O uso do Figma caiu bastante, com a transição para design baseado em código
- Ao descrever em linguagem natural a experiência de usuário desejada (casos de uso, comportamento esperado, direção de evolução da funcionalidade), o Claude Code entende como implementar
- É igual à forma como eu já colaborava com engenheiros, mas agora o designer tem controle direto
- Em vez de criar mockups de fidelidade intermediária (mid-fi), é possível pular essa etapa por completo e implementar uma versão funcional por meio de prompting em minutos no Claude Code
- Ao editar uma versão funcional com dados reais, problemas de UX como ordenação, filtragem e comprimento dos dados ficam imediatamente evidentes
Novo processo de design
- Nos últimos meses, o processo mudou bastante
-
Recursos pequenos são implementados diretamente no Claude Code, sem Figma
- Melhorias de QoL, adição de um campo de busca a uma lista e outras funcionalidades que reutilizam padrões e componentes existentes passam direto para o Claude Code, sem usar Figma
- Não há wireframe nem handoff
- O Claude Code usa bem os componentes e padrões adequados e, especialmente no Opus 4.6, entende a codebase e faz o trabalho certo mesmo sem instruções explícitas
-
Recursos maiores ainda passam por exploração prévia e definição do problema
- Escrevo em texto o problema, os casos de uso, a “forma” de uma boa solução (por exemplo, “sensação rápida e sem atrito”, “não exigir trabalho extra do usuário”) e abordagens potenciais
- Ao levar isso para um chat geral do Claude e pedir mais ideias, surgem algumas ideias interessantes que eu não havia considerado, junto com outras fora de contexto
- Para a direção preferida, uso o Claude para gerar artefatos interativos, verificar diretamente a sensação e compartilhar com a equipe para coletar feedback
- Quando isso é mais rápido do que escrever prompts, às vezes ainda faço wireframes simples de baixa fidelidade no Figma
- Depois de iterar, discutir com a equipe e obter feedback dos usuários para fechar a abordagem, faço o build e o polimento diretamente no código com Claude Code
Onde o Figma ainda leva vantagem
- Para exploração visual (combinações de cores, opções tipográficas, novos componentes), o Figma ainda é superior
- Comparar lado a lado, aplicar zoom e mover elementos são tarefas difíceis de realizar em código
- Mas, como a maior parte do trabalho acontece dentro de um produto e de um design system já existentes, o peso dessa área diminuiu
O que não mudou
- Pensamento centrado no usuário, identificar necessidades, entender problemas, explorar várias opções, iterar e testar, e polir para elevar a qualidade final continuam iguais
- Apenas as etapas intermediárias do processo migraram principalmente para o Claude Code, e agora também é possível levar o código diretamente até as mãos do usuário
- Como resultado, a fronteira entre design e desenvolvimento diminui, e a entrega ao usuário real fica mais rápida
- É um fluxo de trabalho diretamente no meio final, sem handoff nem entregáveis desperdiçados, culminando na submissão de um PR
- Ainda não dá para prever como isso vai evoluir, mas este é um período de muita experimentação com novas ferramentas e formas de trabalhar
2 comentários
Estão até dizendo que agora os desenvolvedores também têm que fazer design usando o Claude Code, mas design não precisa de revisão/validação?
Em comparação com desenvolvimento, é preciso um ciclo de feedback muito mais rápido e frequente.
Como o desenvolvedor fica na ponta final do ciclo de trabalho, também acho que há um aspecto em que o papel dele dentro da equipe acaba sendo superinterpretado.