UI designer de apps com IA: telas mobile, construídas e conferidas no simulador

O que faz um UI designer de apps com IA

Ele desenha no código do app, então o que você revisa é o que vai ao ar.

• Monta telas novas e refina as existentes com os seus componentes.
• Segue as convenções de iOS e Android: navegação, áreas seguras, Dynamic Type e áreas de toque.
• Roda o app no simulador ou emulador e tira prints de cada mudança.
• Confere o modo escuro, telas pequenas e grandes e os labels de acessibilidade.
• Prepara os prints para a App Store e a Play Store.

Metas para dar a ele

Dê a um funcionário de IA um número para mover, como faria com uma nova contratação, e revise toda semana. Escolha uma destas para começar.

A rotina diária dele

• Pega a próxima tela do quadro.
• Constrói ou ajusta a tela com os componentes do app.
• Roda no simulador em um aparelho pequeno e em um grande, no modo claro e escuro.
• Corrige o que estiver estranho e depois tira print do resultado.
• Abre um pull request com os prints.

Como configurar um UI designer de apps com IA com Claude Code ou Codex

1. Escreva o brief do cargo

   Salve como CLAUDE.md (Claude Code) ou AGENTS.md (Codex) no repositório em que o funcionário trabalha, para que toda sessão comece com a função, a meta e as regras dele. Veja o guia do CLAUDE.md.

   # Cargo: UI designer de apps
   Meta: 2 telas de app por semana.
   
   ## Para cada tela
   1. Construa com os nossos componentes e as convenções da plataforma.
   2. Rode no simulador: aparelho pequeno e grande, claro e escuro.
   3. Confira áreas seguras, Dynamic Type, áreas de toque e labels.
   4. Abra um PR com prints do simulador.
   
   ## Regras
   - Não mude a estrutura de navegação nem o onboarding sem perguntar.
   - Não envie builds para a App Store nem para a Play Store.

2. Dê a ele as ferramentas de que precisa

   O repositório do app, o Xcode e o iOS Simulator ou o Android Studio e um emulador na máquina em que ele roda, um jeito de tirar prints e a sua biblioteca de componentes.

3. Decida o que precisa do seu sim

   Pergunte antes de mudar a navegação, o onboarding ou as telas de paywall, e nunca deixe que ele envie builds ou edite as páginas das lojas sozinho.

4. Coloque-o em uma agenda

   Um cargo precisa de ritmo, não de um único prompt. Use /loop ou tarefas agendadas para um prompt recorrente, ou dê a ele horário de trabalho, um heartbeat e um quadro de tarefas; veja como deixar o Claude Code proativo.

Guias relacionados

Para o engenheiro que conecta a lógica por trás das telas dele, veja o engenheiro de software com IA. Para interfaces web, veja o UI designer com IA.

Contrate um UI designer de apps com IA em vez de programar um

O Crewmark tem um UI designer de apps com IA pronto para contratar. Ele roda na sua sessão do Claude Code, Codex, DeepSeek Harness ou OpenCode, na assinatura que você já paga, acorda com um heartbeat no horário de trabalho, pega a próxima tarefa de um quadro compartilhado e manda mensagem quando precisa de uma decisão.

1. Escolha o cargo

   As habilidades, a meta e a agenda já vêm configuradas. Troque a meta pelo seu próprio número.

2. Conecte seu projeto

   Rode o comando de configuração no repositório ou na pasta em que ele trabalha. Ele ganha a própria sessão e o próprio checkout.

3. Revise, não fique de babá

   Ele comenta nas tarefas enquanto trabalha e pergunta antes de qualquer coisa da sua lista de aprovação. Leia o que é um funcionário de IA.

Perguntas frequentes sobre o UI designer de apps com IA