Product Design · Apuntes

A phone, a tablet and a monitor side by side, each holding the same eight rows of text in stepped sizes, white guide lines running level through all three

Diseño

Escala tipográfica para UI de producto: tamaños que aguantan en cada pantalla

Crea una escala tipográfica de 7 a 9 tamaños, nombrados como tokens, que aguanta del móvil de 320px al monitor de 1440px y sobrevive al zoom del 200%. Los números exactos y los límites.

Six lit steps rising from left to right toward a large lit tile, dots of users standing on each step, a few faded dots falling below the first ones

Diseño

UX de onboarding: patrones que reducen el abandono inicial

La activación media de un SaaS se queda en el 37,5%. Seis patrones de onboarding, del empty state a las checklists, para llegar antes al primer valor.

Two lines on a chart, a rising one and a flat one, each bright only where it is lower, crossing at a ringed point, a cluster of small tiles and one single tile at their ends

Diseño

Design system interno o con agencia: cuándo gana cada uno

Un responsable interno de design system cuesta 145-185k dólares al año; un retainer de agencia 5-15k al mes. Cuándo gana cada modelo.

A large circle split down the middle: its left half a loose mosaic of small dark and white tiles scattering outward, its right half one smooth glowing white surface

Diseño

Craft híbrido: IA y criterio humano en el diseño en 2026

El informe Figma 2026 sitúa la IA generativa en el 72% de los flujos de diseño. El craft híbrido reparte: la IA esboza, la persona pone criterio, marca y acabado.

Three rows of twelve tiles, small, medium and large, the middle row lit, beside a vertical scale with three white segments

Diseño

Precios del retainer de product design en 2026: rangos reales

En 2026 un retainer de product design va de unos 2.000 a 30.000 dólares al mes. Qué incluye cada franja y cuándo compensa frente a un proyecto cerrado.

A dot plot with three humps of dots in rising shades from grey to white above a range slider with two white handles and a lit track

Diseño

Cuánto cuesta el diseño de un sitio SaaS en 2026: guía de precios

Un sitio SaaS B2B cuesta entre 5.000 y 150.000 dólares en 2026. Lo que fija el precio: freelance, estudio o agencia, y el posicionamiento previo.

On a white ground, three rows of monthly bars: one tall block then empty months, twelve equal bars, and twelve bars split in two with the lower part growing

Diseño

Cuánto cuesta un design system en 2026: proyecto, retainer o copropiedad

Un design system cuesta de 5.000 a más de 60.000 euros, y luego hay que mantenerlo. Comparamos el precio por proyecto, retainer y propiedad compartida.

A clean dashboard window with three summary cards and one lit chart, folded rows beneath, and a crowd of faint widget shapes behind it

Diseño

Diseno de dashboards SaaS: mostrar datos sin saturar al usuario

Muchos dashboards SaaS fallan porque lo muestran todo a la vez. Este es el diseno que empieza por el resumen, el limite de widgets y la divulgacion progresiva que orienta.

Three stacked isometric planes: a dense grid of colour swatches at the bottom, a few tiles in the middle, one component card on top, joined by a lit line

Diseño

Convenciones de nombres de design tokens: sistema de 3 niveles

Un esquema de tres niveles (primitivo, semántico, de componente) mantiene estables los nombres al crecer el sistema. Cómo estructurar y nombrar cada capa.

A row of six identical white components above, and below it six copies that tilt, shift and fade further each time, each with a dashed outline of the original over it

Diseño

Component drift: como se degrada un design system y como detectarlo

Solo el 8% de los equipos tiene un design system estable. El component drift es la distancia entre lo que disenas y la interfaz que se publica. Asi se detecta.

Seven stacked tiers narrowing upward, the lower four lit in white and the upper three in dashed outline, a zigzag line climbing through them in order

Diseño

Estructura de un design system: las 7 categorías y el orden

Un design system se sostiene o se cae según el orden en que construyes sus partes. Estas son las siete categorías y la secuencia que funciona.

Four groups of lit tile columns growing toward a dashed ceiling, cut back between groups, with dashed outlines where tiles were removed and dark tiles falling below

Diseño

Por qué quitamos componentes en vez de añadirlos: la dieta del design system

La mayoría de los design systems crecen hasta romperse. Tratamos el conteo de componentes como un número que mantener bajo. Las reglas que usamos para podarlo cada trimestre.