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
Um dashboard de analytics de marketing com assistente de IA.
2026
Marca de luxo para pets, com campanha gerada por IA.
2026
Um jeito mais calmo de planejar o dia.
2025
StripesInc — Plataforma Omnichannel
Redesign white-label sobre o Chatwoot, com design system.
2026
Veterinários e clínicas perto de você.
2022
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








