Aperfeiçoando o Design do Aplicativo

A menos que você já tenha um arquivo de design pronto, a maneira mais rápida de redesenhar seu aplicativo é encontrar algo de que goste e mostrar para o Claude Code. Este capítulo explica exatamente como fazer isso.

Como enviar para o Claude Code

Depois de encontrar um design de que goste:

1. Copie ou faça uma captura de tela da imagem
2. Cole diretamente no chat do Claude Code
3. Adicione um prompt específico junto com a imagem

Um prompt que funciona bem:

"Take the styling and colours of this UI design and implement it into my app. Keep the structure and functionalities exactly the same. Only change the design style."

Ser específico sobre o que deve permanecer igual é tão importante quanto descrever o que você deseja mudar. Se você não disser para manter a estrutura igual, o Claude Code pode reconstruir mais do que você pretendia.

Qual modelo usar para design

Ao trabalhar em alterações de design, altere o modelo para Opus usando o menu suspenso no Claude Code. O Opus interpreta melhor inspirações visuais e as traduz em código. Para a maioria das outras tarefas, o Sonnet é a escolha certa, mas para design, vale a pena usar o Opus.

Espere iterar

A primeira tentativa levará você na maior parte do caminho. Nem sempre será perfeita. Isso é normal. Observe o resultado, identifique um único aspecto que deseja ajustar e envie um novo prompt específico sobre esse ponto.