Penso o produto, desenho a interface e construo em código, com workflows de IA que encurtam o caminho entre a ideia e a produção.
Desenho e construo produtos digitais, da ideia à produção.
Design Engineer
- Design
- Code
- AI Workflows

Trabalhos
O que eu construí, e o que cada trabalho demonstra.
Produtos, conceitos e estudos.
Carreira pet: do job board que travou a mais de mil vagas.
2026
Pawtner
Marca de luxo para pets, com campanha gerada por IA.
2026
Stripes To-Do App
Um jeito mais calmo de planejar o dia.
2025
StripesInc — Plataforma Omnichannel
Redesign white-label sobre o Chatwoot, com design system.
2025
BusqueVet
Veterinários e clínicas perto de você.
2021
Sobre
Comecei no design gráfico. Hoje construo o que desenho.
Sou Design Engineer na Studio Visual, onde desenho produtos desde 2014 para marcas como SKY, Kumon, Serasa Experian e Roche. O back-end era a minha barreira, e a IA tirou ela do caminho: hoje levo o produto da ideia à produção. O AniVagas está no ar para provar.

Murilo F. Souza
Trajetória
MBA em Gestão Estratégica em UX Design
ESPM
2019 - 2021
UX Digital: Experiência do Usuário em Plataformas Digitais
PUC-SP
2017
Bacharelado em Design Digital
Anhanguera Educacional
2010 - 2014
Design Engineer
Studio Visual
2025 - atual
Lead Design
Studio Visual
2021 - 2025
Product Design
Studio Visual
2014 - 2020
Web Graphic Design
Criamix MKT|DZN
2013 - 2014
Graphic Designer
Vision Art
2013
Skills
Discovery
- Benchmark de concorrentes
- Auditoria e mapa do sistema atual
- Entrevistas com usuários
- Pesquisa de mercado
- User insights
Análise
- Avaliação heurística (Nielsen)
- Jornadas do usuário
- Personas
- Affinity diagramming
Estratégia
- Arquitetura de informação
- Mapa de oportunidades (impacto × esforço)
- Modelo de receita
- Brand strategy
Definição e validação
- Specs de tela com estados
- Critérios de aceite
- Testes de usabilidade
- UX audit
Interface
- UI design
- Wireframes, low e high-fi
- Wireframe navegável
- Prototipagem
Sistemas
- Design systems
- Tokens e variáveis
- Componentes
- Documentação
Marca e movimento
- Direção de arte
- Naming e identidade
- Motion design
Ferramentas
- Figma
- Paper
- Photoshop
- Illustrator
- After Effects
Frontend
- TypeScript
- JavaScript
- CSS
- React
- Next.js
- Tailwind CSS
- shadcn/ui
- Radix UI
- Motion
- next-intl (i18n)
Backend e dados
- Supabase
- WordPress e PHP
- Resend
- Crawler
- Electron
Performance e SEO
- Core Web Vitals (LCP, CLS, INP)
- SEO técnico
- Acessibilidade (WCAG)
Qualidade e deploy
- ESLint
- Zod
- Playwright
- Git e GitHub
- Vercel
Agentes
- Agentes por fase, com fan-out
- Subagentes e skills
- Plugins (design-workflow)
Contexto
- Documentação viva no repo
- Spec como insumo da IA
- Wiki curada
Automação
- Figma → código, com validação visual
- MCP com o Figma
- Verificações automáticas
- Imagem gerada com IA
Ferramentas
- Claude Code
- Claude
- Cursor
- Codex
- MCP
- Obsidian











