Blog

Notas sobre desarrollo, diseño y las decisiones que hay detrás.

4 min de lectura

El texto de un botón es una decisión de producto, no un detalle de último momento

\"Enviar\" y \"Confirmar pedido\" no son sinónimos, aunque hagan lo mismo. El microcopy que se escribe al final del proyecto se nota, y casi siempre cuesta conversión.

Leer nota →
Componentes de interfaz organizados de piezas pequeñas a pantallas completas
4 min de lectura

Componentes atómicos que se reutilizan de verdad (no solo en la teoría)

El atomic design se explica fácil y se aplica mal seguido: componentes que técnicamente son atómicos pero que nadie reutiliza porque nacieron acoplados a una sola pantalla.

Leer nota →
Diagrama de las cinco etapas de un proceso de diseño UX/UI
7 min de lectura

Cómo diseño una interfaz desde cero: mi proceso completo de UX/UI

Las cinco etapas que recorro antes de dar por terminada una interfaz, con los números reales del rediseño que hice para el retailer de tecnología más grande de Argentina.

Leer nota →
Panel de Figma junto a un editor de código mostrando el mismo componente
5 min de lectura

De Figma a producción: mi flujo para que nada se pierda en la traducción

Diseñar y programar el mismo producto cambia el orden de las decisiones. Cómo organizo el paso de un archivo de Figma a componentes de verdad, sin la fricción de que dos personas se turnen el archivo.

Leer nota →
Biblioteca de componentes de interfaz organizados jerárquicamente
3 min de lectura

Qué es un design system (y cuándo NO necesitás uno)

Construir un design system para un proyecto de una sola pantalla es gastar dos semanas en flexibilidad que nadie va a usar. Cuándo vale la pena y cuándo es sobre-ingeniería con nombre elegante.

Leer nota →
Paleta de colores organizada en capas de tokens primitivos y semánticos
4 min de lectura

Design tokens: cómo lo que diseño en Figma termina siendo config de Tailwind

Un token de diseño no es una buena práctica decorativa: es lo que hace que cambiar un color sea una línea en vez de una búsqueda componente por componente. Cómo los organizo y cómo cruzan a código.

Leer nota →
Interfaz con indicadores de foco de teclado y contraste de color marcados
4 min de lectura

Por qué la accesibilidad no puede ser una fase 2

Agregar accesibilidad después es rehacer trabajo. Los tres chequeos gratuitos que hago desde el primer componente, y por qué salen más baratos en el diseño que en el código.

Leer nota →