Lead Product Designer · São Paulo · BR

Máquinas constroem para máquinas. Design existe para gente.

Há mais de 18 anos no cruzamento entre design, tecnologia e produto. Hoje lidero experiências de IA generativa, design systems e times multidisciplinares — sempre do lado humano da equação.

18+
Anos de prática
10
Empresas
Iterações
Manifesto

Em um mundo onde IAs constroem para outras IAs, o design segue existindo para pessoas.

UX não é interface. É a promessa de que, no fim de cada algoritmo, existe alguém. Alguém com pressa, com dúvida, com contexto — com vida.

Há 18 anos lidero times, construo design systems e desenho experiências — hoje, em IA generativa. A função é sempre a mesma: traduzir complexidade em gesto humano.

Enquanto as máquinas conversam entre si, alguém precisa garantir que, do outro lado da tela, ainda exista gente. Esse é o meu trabalho.

Projeto em destaque
Design System · AI First · 2025—2026

Xertica UI

Uma infraestrutura de design baseada em código, criada do zero para permitir que designers, desenvolvedores e agentes de inteligência artificial construam protótipos consistentes, reutilizáveis e próximos do ambiente de produção.

Minha atuação
Estratégia, arquitetura, design, documentação e implementação.
Contexto
Base oficial para prototipação AI First em múltiplos produtos.
Stack
React, TypeScript, Tailwind CSS, Radix UI, Vite e NPM.
Usuários
Designers, POs, engenharia e agentes de inteligência artificial.
Design infrastructure / AI context
01 / Intenção

“Crie um dashboard executivo usando os padrões oficiais da Xertica.

02 / Sistema operacional
npm install xertica-ui

import {
  Button,
  Card,
  DataTable
} from 'xertica-ui'

<Card>
  <DataTable />
  <Button>Exportar</Button>
</Card>
01 / O desafio

Não era apenas criar componentes.

A Xertica precisava conceber produtos para clientes, setores e identidades diferentes em alta velocidade. Sem uma base compartilhada, cada projeto começava praticamente do zero, repetindo decisões e produzindo resultados inconsistentes.

Ao mesmo tempo, ferramentas generativas passaram a participar da criação dos protótipos. O novo problema era garantir que a IA não produzisse apenas interfaces funcionais, mas experiências alinhadas à linguagem, à arquitetura e aos padrões de qualidade da empresa.

/01

Fragmentação

Padrões diferentes entre projetos, decisões repetidas e baixa reutilização.

/02

Distância do código

Protótipos visuais que precisavam ser reinterpretados durante a implementação.

/03

IA sem contexto

Gerações genéricas, uso arbitrário de componentes e alto volume de correções.

02 / A estratégia

Transformar decisões de design em uma infraestrutura legível.

A hipótese foi construir uma base baseada em código que pudesse ser compreendida por pessoas e agentes de IA. Em vez de documentar somente aparência, o sistema precisava comunicar o que existe, quando usar, como combinar e o que não deveria ser recriado.

01

Foundations

Cores, temas, tipografia, espaçamentos, bordas, sombras, responsividade e acessibilidade.

02

Components

Elementos funcionais e tipados para formulários, navegação, dados, feedback e composição.

03

Blocks

Padrões recorrentes de produto, como cards, atividades, perfis, feeds e dashboards.

04

Distribution

Pacote NPM, versionamento, build, consumo em aplicações React e distribuição complementar.

05

AI Context

Guidelines, nomenclatura previsível, exemplos, restrições e instruções para ferramentas generativas.

03 / AI First

Dar contexto para a IA sem retirar a intenção do designer.

O Design System passou a funcionar como uma camada de contexto entre a intenção e a geração. A IA utiliza componentes reais, tokens e regras de composição; o designer deixa de corrigir fundamentos básicos e concentra o trabalho em jornada, conteúdo, hierarquia e experiência.

IA sem o sistema

Funciona, mas não pertence ao produto.

  • Componentes e padrões genéricos
  • Cores, espaçamentos e estados arbitrários
  • Estrutura distante da aplicação real
  • Mais correção manual e retrabalho
IA com Xertica UI

Gera dentro de um sistema compartilhado.

  • Componentes oficiais e reutilizáveis
  • Tokens e comportamentos consistentes
  • Código próximo do ambiente de implementação
  • Refinamento focado na experiência
04 / Decisões

Senioridade aparece nas escolhas — e nos trade-offs.

O projeto exigiu equilibrar velocidade, controle, acessibilidade, flexibilidade e manutenção. Três decisões definiram a direção do sistema.

/01

Código como fonte operacional

Os componentes deveriam existir e funcionar, não apenas estar representados visualmente.

Mais participação técnica de Design / menor distância entre conceito e entrega.
/02

Primitivas consolidadas

Radix UI e padrões reutilizáveis aceleraram comportamento e acessibilidade sem limitar a identidade.

Mais velocidade / necessidade de governar dependências e abstrações.
/03

Consistência extensível

Uma identidade padrão para novos projetos, com capacidade de adaptação quando o cliente já possui seu sistema.

Maior complexidade de tokens / maior potencial de adoção.
05 / Resultado

Uma base compartilhada para produto, código e IA.

O resultado foi uma biblioteca funcional, distribuível e evolutiva que reduz o trabalho repetitivo, cria uma linguagem comum entre disciplinas e dá previsibilidade à geração de protótipos com inteligência artificial.

NPM

Distribuição real

Pacote versionado e consumível por diferentes projetos.

React + TS

Próximo da produção

Componentes funcionais, tipados e reutilizáveis.

AI First

Contexto para agentes

Regras e padrões transformados em orientação operacional.

Multi-product

Escala organizacional

Uma base adaptável a diferentes clientes e domínios.

Síntese do projeto
Não criei apenas uma biblioteca de componentes. Criei a base para desenvolver produtos com inteligência artificial sem perder intenção, consistência e qualidade.
Experiência selecionada
2025 —
Xertica.ai
Lead Product Designer. Estratégia de produtos com IA, liderança de Design e criação do Xertica UI para prototipação AI First.
2021 — 2024
Empregos.com.br
Lead Product Designer. Liderança de time multidisciplinar, design system e estratégia de UX B2B e B2C em plataforma SaaS.
2020 — 2024
Trampolim
Lead & Senior Product Designer. UX Research, design system em Zero Height, OKRs/KPIs de experiência.
2018 — 2020
DOC88
Product Designer. Lean inception, protótipos hi/lo-fi, colaboração com PMs, POs e devs em produtos SaaS.
2016 — 2018
Superlist
UX/UI Designer, Front-end Developer e Coordenador de Marketing. Visão 360° entre produto e go-to-market.
2010 — 2015
Arte & Design
Sócio e Diretor de Projetos. Estratégia de negócios, direção criativa, platforms digitais ponta a ponta.
2008 — 2010
RHS Teleinformática
Web Designer. Sites, identidade visual digital e impressa, multimídia.
Capacidades
/01
UX com IA
Desenho de experiências para produtos com inteligência artificial generativa.
/02
Design Systems
Construção e manutenção de sistemas escaláveis em Figma, Zero Height e tokens.
/03
UX Research
Pesquisa qualitativa e quantitativa com Hotjar, Microsoft Clarity, testes de usabilidade.
/04
Liderança de design
Gestão de times de Product Designers, UX Writers e parceria com PMs, POs e Eng.
/05
Prototipação funcional
Figma Make, protótipos hi-fi, fluxos navegáveis e validação rápida com usuários.
/06
Front-end essencial
HTML, CSS e JS — bagagem técnica que aproxima design e desenvolvimento.
Formação
2010 — 2012
Faculdade Impacta Tecnologia
Design de Mídia Digital
2011
Caldwell Community College
Exchange — International Business · USA
2008 — 2009
Universidade Mackenzie
Licenciatura em Letras
Contato
Vamos conversar.
E-mail
falecom@marcosplm.com
Redes
LinkedIn ↗
Disponível para
Projetos de IA, design leadership, sistemas