Desenho em pixels e entrego em código. Estratégia, design e engenharia, num ciclo só.
O que eu construo.
Projetos que eu desenho e entrego de ponta a ponta, do primeiro rascunho ao código que faz tudo funcionar.
IY Lotus
Meu design system. Tokens em quatro camadas, da raiz ao florescer, temas claro e escuro com contraste WCAG verificado e componentes React documentados no Storybook.
Feito com Lotus
O primeiro produto feito com o IY Lotus. Next.js e React, uma abertura em WebGL a 60 quadros por segundo, português e inglês, claro e escuro.
Motion em código
Uma skill do Claude Code que transforma uma frase, um design system e uma música num vídeo de motion, com cada corte na batida.
Skills para designers
Uma biblioteca de skills do Claude Code que ajudam designers a entregar interfaces melhores com IA. A primeira faz vídeos de motion; revisão de acessibilidade e checagem de tokens vêm a seguir.
Pílulas de IA
Guias curtos para designers sobre prompts, agentes e motion feito com IA, em português e inglês.
Por onde passei.
Design de produto para banco e varejo, e uma formação em engenharia que começou tudo.
- 2023 — hoje
Itaú Unibanco
Senior Design Engineer · Product Designer
Programa de vantagens para clientes · Migração de contas, onboarding e cross-sell
- 2022 — 2023
Midway · Riachuelo
Product Designer
Aquisição e ativação de contas e cartões
- 2021 — 2022
Hub Delivery
Product Designer · Freelance
Plataforma interna do time de operações
- 2016 — 2022
RD
Engenheira · Especialista em expansão
Projetos de expansão de lojas de varejo
Design Engineer.
São dez anos de experiência profissional, os últimos cinco em produto digital. Minha base é design de produto de ponta a ponta: discovery, pesquisa, fluxos, prototipagem, testes de usabilidade, design system e métricas. A IA entra por cima dessa base, não no lugar dela.
Não só uso ferramentas de IA: construo as que o time usa. Skills, playbooks e prompts reutilizáveis que transformam boas práticas em capacidades da squad inteira, sempre com humano no loop.
É o que chamo de design2code: protótipos funcionais e especificações que engenharia usa direto. Minha formação em engenharia sustenta isso, com pensamento sistêmico e conforto com restrições reais. Trabalho no espaço onde design e engenharia acontecem ao mesmo tempo.
Palavras-chave
Ferramentas
- Design
- Figma · FigJam · Framer · Notion · Maze
- IA e agentes
- Claude Code · Claude Design · Cursor · Antigravity · Gemini Enterprise · Codex · Devin · v0
- Código
- HTML / CSS · React · Next.js · TypeScript · GitHub · WebGL