Vitor Lopes

Vitor Lopes · AI & UX Product Designer

I design and build AI products that make sense for real people.

Product Designer at the intersection of AI Experience and UX — from strategy to working prototype, with code.

Scroll to see the work

About

The person behind the work

I got into design because I wanted products to make sense for people. I became obsessed with AI when I realized it can amplify or destroy that clarity — and someone needs to be on the right side of that equation.

Today I work at Vivo on Design System & Ops, and in parallel I build my own products at the intersection of AI and UX — when the interaction is too complex for a mockup, I prototype in code.

Retrato de Vitor Lopes

Location

São Paulo, Brazil

Availability

Open to AI product roles — full-time, contract, or advisory.

Core stack

Figma · React · Tailwind · Next.js · Gemini API

Credentials

Vivo (Telefônica Brasil)

Design System & Ops — I sustain and evolve the visual foundation that keeps products and services consistent at scale.

  • IBM AI Engineering Professional Certificate · IBM
  • Curso Avançado de Design Systems · Escala
  • Google UX Design Certificate · Google
  • Global AI Bootcamp 2024 · Global AI Community
View on LinkedIn

How I think

Three principles

I design for the model’s failure, not just its success

The happy path is the easy part. The value is in designing what happens when the AI is wrong, unsure, or silent.

Documentation is part of the design, not a byproduct

A system only scales when the next team understands the rules without asking me. To document is to design.

I prototype in code when Figma can’t hold the complexity

State, real data, and AI responses don’t fit a static mockup. When the interaction is the product, I build it.

Capabilities

What I bring

Design Systems

  • Figma
  • Tokens
  • Acessibilidade AA
  • Documentação viva

AI Experience

  • Conversational UX
  • Prompt design
  • Human-AI interaction
  • Failure modes

Product engineering

  • React
  • TypeScript
  • Tailwind
  • Next.js
  • Cloud Run

Product thinking

  • Estratégia
  • Design Ops
  • Pesquisa
  • Cross-functional

Everyday tools

  • Figma
  • VS Code
  • Gemini
  • n8n
  • GCP
  • GitHub

Interactive

Chat with my portfolio

Built with the Gemini API. Ask about projects, process, or availability.

This assistant only knows about Vitor’s portfolio.

Built with the Gemini API. Ask about projects, process, or availability.

Contact

Let’s talk

Open to AI product roles, advisory work, and design projects.