Bruno Gonçalves

Liderança técnica de designfocado em craft com fluênciaem Inteligência Artificial.

Claude code complete AI Fluency: Framework & Foundations

Fluência completa em IA com Claude Code e fundamentos

Inteligência Artificial Agêntica Aplicada à Transformação Empresarial

Inteligência Artificial Agêntica Aplicada à Empresa.

20 anos de experiência.

Trago um background visual e de motion, hoje eu
aplico esse conhecimento utilizando inteligência
artificial para potencializar os resultados.

PROJETO Q1 2026

Agentes IA autônomoscolaborando com times reais.

No nosso time de aquisition, estávamos
observando que grande parte do esforço de
tempo do time, estava sendo alocado em
tarefas que poderiam ser automatizadas com
auxílio da IA, então surgiu essa iniciativa
de fazer um mapeamento cirúrgico e
identificar quais seriam esses gargalos
de execução.

Com objetivo de alocar mais tempo do time
com explorações criativas e iniciativas
mais estratégicas e menos operacional.

O Problema.

Precisávamos ganhar agilidade. Cada
projeto consumia o time em tarefas
operacionais que dava pra automatizar.

O Insight.

Percebemos que boa parte do trabalho
seguia regra de muito esforço braçal e
pouca exploração criativa.

A Solução.

Percebemos que testar uma equipe de
agentes criados por inteligência artificial,
poderia ajudar na operação.

Como funcionava o fluxo de trabalho antes:

Foco do Senior Designer durante o ciclo
CriaçãoValidação

Senior Designer

Explorar visualmente
Adaptar para responsivo
Criar interações

Na iniciativa de landing pages, um time de 4 pessoas atuavam em cada entrega, geralmente composto por 2 designers seniors e 2 plenos, eles executavam e validavam handoff.

Foco do Designer pleno durante o ciclo
OrganizaçãoDocumentação

Designer Pleno

Escrever specs de interações
Renomear layers
Limpar layers

Porém o fluxo não era ágil, se levava muito tempo em etapas de validação e quando chegávamos na execução, o deadline já estava curto para investir energia em refino visual.

Entrei no projeto como designer
senior, com a missão de observar
o time de perto e medir quais etapas
do fluxo geravam mais atrito.

Criação de um agente de design autônomo.

Decidi montar um agente próprio pra cuidar do que mais drenava tempo: levar uma ideia do Figma até código entregável, sem retrabalho mecânico no meio.

Script automatiza o que é fixo; agente lida com o que muda. O trabalho tem regra fixa (DS, naming) e contexto que muda. Um agente cobre os dois.

A aposta foi um agente só cuidando do ciclo inteiro, do Figma ao código. Pipeline simples, contexto compartilhado, decisões coerentes do início ao fim.

O agente lê, decide, escreve e valida sozinho dentro do escopo. Eu fico com a direção, ele executa o caminho. O que era mecânico virou autônomo.

Referência técnica:

Building effective agents

Perfil

** Agente executor mecânico especializado em operações repetitivas, padronização e limpeza.

** dentro do Figma. Atua via Figma MCP + Plugin API com fidelidade 100% — não improvisa, não decide direção criativa, não desenha do zero. É uma ferramenta de ofício, não um co-criador.

Objetivo

** Eliminar 100% do trabalho manual repetitivo que consome horas de um designer senior:

** Renomear layers em massa seguindo convenção
** Aplicar autolayout em estruturas legadas
** Detach/swap de componentes em lote
** Padronizar spacing, tokens e estilos
** Limpar layers órfãs, hidden, duplicadas
** Exportar assets em batch (SVG, PNG, specs)
** Aplicar nomenclaturas BEM/atomic em árvores grandes
** Sincronizar variantes e propriedades de componentes

Critérios de sucesso

1. Operação aplicada em todos os nodes alvo (sem skip silencioso)
2. Validação visual confirmada via screenshot antes/depois
3. Naming consistente seguindo convenção do projeto
4. Estrutura limpa (autolayout aplicado, sem layers órfãs)
5. Relatório entregue com número de nodes processados, exceptions, e diff visual
6. Undo-safe: cada batch é reversível se o designer reprovar

motion_ds_seniorMotion designer
front_ds_seniorDesigner frontend
figma_org_seniorEspecialista em handoff
front_dev_seniorDesenvolvedor frontend

Times de agentes com escopo definido.

Tentei um agente único fazendo tudo: virava generalista raso, com decisões incoerentes e retrabalho a cada execução. Especialização resolveu.

Cada role com escopo próprio (motion, design, handoff, dev) corta alucinação e mantém padrão. O orquestrador junta outputs sem ambiguidade.

Time orquestrado para
tarefas específicas.

Os momentos mais importantes da sua vidaConte com tecnologia avançada para proteger seu dinheiro e transações, além da tranquilidade dos seguros Mercado Pago.
O mercado livre que você confia há mais de 10 anos
Abrir Conta Grátis

Ganho de eficiência.

Projeto que antes levava uma semana, hoje é executado em 2 dias, com maior agilidade e outputs claro para o time.

Padronização de execução.

Com escopo e tool calling bem definidos, os agentes não encontram margem para fugir do escopo e regras do DS.

Otimização de custos.

Com o time de agente atuando, os designers conseguem ser alocados em outros projetos com maior potencial criativo.

Conhecimento e memória compartilhada

Criei um workflow que cruza os assuntos das meetings dos times e relaciona os temas em comum para evitar retrabalho e incentivar a troca entre diferentes contextos e estruturas.

Obsidian como vault

Criei um workflow que cruza os assuntos das meetings dos times e relaciona os temas em comum para evitar retrabalho e incentivar a troca entre diferentes contextos e estruturas.

Google GWS como hub

Centralizei Calendar, Gmail e Drive em rotinas automatizadas que conectam reunião, documento e follow-up, mantendo o contexto compartilhado e o ritmo de execução entre os times.

PROJETO Q2 2025

Mercado Pago
UX Summit 2026

Projeto de evento interno do Mercado Pago, fui por criar a estrutura, motion e estrutura da apresentação.

Pedro Julien: Identidade visual e fotos
Lucia Santapaola: Estrutura base

Todas as imagens foram geradas com inteligência artificial, e as para as animações utilizei o Flora IA com Runnway.

Depois de definida a animação, utilizei uma IA para dar upscale para 4K, e finalização com edição do after effects para refinar o loop.

Para as animações em outline, a melhor solução foi usar o Lottie lab, ele exportava em mp4 e era possível aplicar no figma slides.

Além de todo trabalho visual, ainda foi criada uma estrutura de componentes para serem alterados com facilidade pelos usuários.

MEIUCA 2024

ScaleOps

Plataforma de conhecimento baseada em IA construída para atender grandes empresas, dando suporte técnico e de contexto.

Thiago Hassu: Direção criativa
Katy Miranda: Project Manager

Screenshot do site ScaleOpsScreenshot do site ScaleOps — segunda tela

Fui responsável no conceito e execução visual.

Utilizei Flora AI para animar os ícones e after effects para refinar.

Handoff feito pra IT com todos os specs para frontend.

Dashboard do Produto

Criei a base do dashboard padrão do produto, com diversas explorações de estrutura e experimentando aplicação de gráficos para diferentes contextos de dados e informações.

Dashboard ScaleOps — ROI, tipos de usuários, período de usoDashboard ScaleOps — visão semanal, interações, feedbacks
Dashboard ScaleOps — engajamento, tempo de uso, médiaDashboard ScaleOps — visão detalhada, engajamentos por categoria

Resultado

Screenshot do site ScaleOps — hero com waitlist e identidade Establish standards, let AI support your team
Screenshot do site ScaleOps — segunda tela com conteudo abaixo do heroScreenshot do site ScaleOps — terceira telaScreenshot do site ScaleOps — quarta tela