- Está se espalhando a forma de designers usarem agentes baseados em CLI como o Claude Code como uma bancada de trabalho, criando e corrigindo coisas rapidamente
- Com o editor visual do Cursor, é possível verificar imediatamente ajustes finos como padding e espaçamento, reduzindo a ida e volta de prompts
- Quando não encontram o efeito de UI necessário, criam por conta própria um pequeno playground/estúdio para testar opções e depois levam o código aprovado para o projeto principal
- Referências interessantes são inseridas por URL para fazer o modelo analisar e aplicar a técnica, reforçando um padrão em que aprendizado e implementação acontecem ao mesmo tempo
- O Claude.md global/do projeto é mantido enxuto e, quando necessário, dividido em subpastas para reduzir o inchaço de contexto, estabelecendo um princípio operacional
- Está surgindo a perspectiva de tratar o Claude Code não como uma ferramenta de programação, mas como um computador
A bancada de IA do designer em 2026
- Está se difundindo a percepção de que fortalecer habilidades (memória muscular) vem antes de encontrar a configuração “correta”
- A parede de ferramentas da bancada varia de pessoa para pessoa, e a obsessão por uma “stack correta” leva à perda de tempo
- Mesmo que as ferramentas mudem, uma filosofia/abordagem continua sendo útil por mais tempo
Cursor: navegador no app e editor visual
- O editor visual permite “ajuste imediato → verificação imediata”, aumentando a velocidade do ajuste fino
- Mesmo sem saber exatamente valores como padding, dá para ajustar diretamente na UI e otimizar por iteração
- Em vez de ida e volta por prompts, mexer direto na tela é mais natural para designers
- A extensão do VS Code funciona como porta de entrada, reduzindo o medo do terminal
- A navegação por mouse/scroll na UI do app gera uma diferença de produtividade em relação ao terminal
Se não encontrar, construa: estratégia de playground
- Se não houver a interação desejada, a pessoa cria o próprio estúdio pessoal para experimentar apenas aquele elemento
- Foi criado um ambiente de teste de opções para uma animação de ligar/desligar som em waveform aplicada a vídeo em hover
- Depois de escolher o estado preferido, o código é levado e conectado ao componente do projeto principal
- Efeitos/parâmetros criados uma vez são reutilizados e expandidos para outros ícones e elementos
- Ferramentas como um projetor holográfico que mostra uploads de vídeo em 3D também são feitas da mesma forma
Como lidar com efeitos difíceis de explicar em palavras
- Se aprender termos/nomenclaturas de código usados por desenvolvedores, o modelo consegue associar melhor os efeitos
- Expressões como “glitchy” e “CRT scan lines” levam diretamente à implementação em código
- Inserir a fonte (URL) de um exemplo interessante e fazer o modelo localizar e aplicar a técnica acelera o aprendizado
Inserir links externos e implementar igual: sombras em múltiplas camadas
- Foi adotada a técnica de criar borda + profundidade com várias camadas de sombra em vez de border
- Com base no número de camadas (ex.: 3), é possível variar para 5 se quiser um efeito mais forte
- O número de camadas pode variar por elemento, como botão ou contêiner, para projetar diferenças sutis
- Aplicar a mesma teoria repetidamente em diferentes UIs reforça a consistência visual
Sistemizar preferências com skills/subagentes
- Conjuntos de referências como Yakob e Jay Tompkins são usados como material de aprendizado para construir um agente de auditoria visual/interativa
- O plugin Compounding Engineering atua como catalisador para acelerar a montagem de skills/agentes
- Ao automatizar auditorias baseadas em referências, torna-se possível operar repetidamente o loop manual de “revisar-melhorar”
- Se colocar todas as preferências de um designer em uma única skill, ela perde utilidade; é preciso restringi-la de forma intencional, quase cirúrgica
- É necessário evitar vieses como “sempre sutil” e ter critérios para distinguir destaque e detalhe de fundo
Painel de controle Leva: alavancas para acertar detalhes no código
- Em React/Next.js, com Leva, é possível expor parâmetros como knobs/sliders para ajuste imediato
- Valores como duração da animação de linha de canto em hover e timing do tracer podem ser ajustados em tempo real
- A configuração pode ser automatizada apenas com a instrução em linguagem natural “adicione Leva e conecte o que eu quero ajustar”
- Mesmo sem saber quais parâmetros são necessários, é possível começar com “crie knobs relacionados” e explorar
Princípios operacionais do Claude.md: enxuto, separado, localizado
- No Claude.md global devem entrar apenas regras realmente universais, e o Claude.md do projeto também deve evitar virar uma enciclopédia excessiva
- Quando o documento de memória persistente cresce demais, o contexto fica poluído e a qualidade do trabalho cai
- Separar orientações por área com Claude.md em subdiretórios permite carregar apenas o contexto necessário
- Dá para criar padrões como deixar frases-gatilho globais, por exemplo “precisa de controles de UI”, e então adotar Leva automaticamente nesses casos
Postura na escolha de ferramentas: sair do loop de otimização de setup
- Recomendações de ferramentas perdem sentido em poucos meses, e mensagens de conteúdo sobre “10x produtividade” provocam loops de otimização excessiva
- Quanto menos técnico for o designer, maior a chance de seguir conselhos ao pé da letra, por isso uma abordagem centrada em princípios funciona como defesa
- Como em pedais/amps de guitarra, mais do que uma resposta certa, são gosto e objetivo que determinam a stack
- “Não conseguir realmente criar porque está ocupado otimizando o sistema” é a maior perda
Estratégia de investimento pessoal com orçamento limitado
- É preciso aproveitar bem períodos de teste grátis e reduzir sobreposição entre ferramentas para diminuir o ruído
- Se você esbarra com frequência no limite de $20 do Claude Code, pode combinar com uma assinatura de $20 como o Factory para distribuir o acesso a modelos
- É possível fazer ida e volta entre ferramentas, como gerar UI no Factory com Gemini 3 Pro e executar trabalhos maiores no Claude Code
- O tier de $100 do Claude Code reduz o estresse com limites e ajuda a manter o fluxo
- Também se busca eficiência expandindo o uso do Claude Code para tarefas como organizar o Obsidian e o Linear, usando-o como um “computador”
Tuneup Day: fixar experimentação na agenda
- Reserva-se meio dia como “produção proibida, só melhorias de setup permitidas” para concentrar experimentos e manutenção
- Consolidou-se a prática de concentrar no mesmo dia instalação de plugins, organização de pastas, testes de novos fluxos de trabalho e leitura cuidadosa de entrevistas/textos
- Forma-se o hábito de acumular uma lista de tarefas para o próximo tuneup day e escolher o que fazer naquele dia
- Isso contribui para aumentar a velocidade de experimentação e evitar o loop de otimização excessiva
Ainda não há comentários.