Play · Allegro, WKO 205 · C.F. AbelPhillip W. Serna, CC BY-SA 3.0

Crafting products people actually want to use.

Tomás Milgron

Product Design Engineer

I started in editorial design and ended up building digital products. Nine years of closing the gap between design and engineering, owning both sides of the work instead of handing off between them. I design systems and build them: Figma token architecture to production-ready Vue and React interfaces. Increasingly, my work focuses on building products based on human-AI collaboration.

Projects · 04 cases · 02 experiments

Selected Work

Two products of my own built from scratch, three years inside an insurtech and a workshop method. Each card says what the problem was, who did what and how it turned out. Open one for the whole project.

in-house · Insurtech · 2023–2026

(01)
Anansi: the product's shipments screen

Anansi

From a four-page PDF to a Design System.

First design and frontend hire at an insurtech that insures deliveries and resolves claims. The design system, the design and front of its products, three apps brought into a single architecture, and claims intake from 14 steps to 5 clicks.

14 → 5

claims intake, from steps to clicks

First design and front hireLive

Design system · Frontend architecture · BFF · Next.js

withanansi.com ↗

Work shown belongs to Anansi, shared with permission.

0→1 · Own product · 2026

(02)

Carta

The business card that people, phones and agents can read.

An address under your domain that, tapped or scanned, shows who you are, saves your contact to the phone and tells an agent how to talk to yours. NFC, QR, Wallet. And agents. Stationery, extended.

Founder, soloLive

Extended stationery · NFC · QR · Wallet · Agents

carta.sh ↗

GDPR. Data in Frankfurt.

0→1 · Own product · 2025

(03)
Tend: a dog with a ball, illustration by Germán Di Ciccio

Tend

The health record that follows adopted animals.

A health record the rescue group starts and hands to the adopter on adoption day, as a link over WhatsApp. The adopter inherits the history and the vet treats with full context. From the first interviews to the MVP.

Founder, soloPaused

0→1 · Research · WhatsApp

tend.vet ↗Case study →

Illustration by Germán Di Ciccio.

workshops · IED Barcelona · since 2025

(04)
A COLAB Session

COLAB Sessions

Deciding what to delegate to AI and what to keep as human gesture.

A four-step framework (problem, actors, context, hypothesis) to go from idea to working prototype in one afternoon. Two intensive sessions and the master's at IED Barcelona, with 35+ students.

Method and sessionsOngoing

Facilitation · Methodology

Case study →

Edition 2 in October 2026.

Lab · 02 experiments

Experiments, with no client and no rush.

Pieces made out of curiosity: an idea pushed until it breaks. They answer no brief; what they teach ends up in the ones that do.

Sintonía: a question mark in ASCII and a row of dimmers

experiment · Interactive piece · 2026

(05)

Sintonía

Typographic dimmers modulated by a language model.

Built as an instrument: a set of typographic dimmers you turn by hand, with a language model turning them alongside you. Motion, type and model in the same loop.

Motion · Interaction · LLM

Play the piece ↗

studies · GSAP & Motion

(06)

Motion

Interfaces that move with intent.

Motion as a capability, not decoration: one shared vocabulary of easing and duration, physics over choreography, reduced motion as a first-class variant and accessibility that survives the trick. The studies are live: touch them.

GSAP · Motion · Springs · ScrollTrigger

motion.tomasmilgron.com ↗

About

Product Design Engineer with 9 years closing the gap between design and production code. I design systems and build them: Figma token architecture to production-ready Vue and React interfaces, with the Backend For Frontend layer that most teams leave as an afterthought. I lead the user research that defines what gets built.

At Anansi I joined as first design and frontend hire, when the brand was a four-page PDF and the product two disconnected apps. I left a design system the whole team uses, and, with the Product Manager and the backend team, a single Next.js architecture with a BFF layer. At IED Barcelona I teach AI-augmented design workflows. At Taller Oliva, my own studio, I build products end to end, from the Postgres schema to the last easing curve. Carta, a business card for people and agents, is in production.

The best products come from people who can see the whole picture: from the token in Figma to the API contract in the backend, and increasingly, from what the system does autonomously to what the human still has to decide. That's what design engineering means to me now.

View Resume

Skills & Expertise

Frontend

Vue.js / Nuxt, React / Next.js, TypeScript, Tailwind CSS, Pinia, HTML/CSS, Accessibility (semantic HTML, ARIA), Git

Animation

GSAP, Motion

Testing

Vitest, Playwright, Cypress, Vue Testing Library

Architecture

Backend For Frontend, Clean Architecture, Domain-Driven Design, Hexagonal Architecture

Design

Product Design, Design Systems, Figma (tokens → components), UX/UI, Prototyping, User Research, Information Architecture