Product Design · Apuntes

Two columns of seven tracks: on the left white dots easing to a stop, on the right grey dots jerking past the end of the track to a barred ring

Diseño

Animación funcional UI en 2026: el checklist antes de publicar

Los 7 do y 7 don't que aplicamos en cada producto: duraciones de 100 a 500ms, solo opacity y transform, prefers-reduced-motion respetada en la raíz.

Six dark cards in a grid, each a small diagram of one lit tile and dark tiles in a different relationship: handed over, embedded, linked by recurring dots, feeding three, overlapping, orbiting

Diseño

Design system as a service: 6 modelos de agencia comparados en 2026

Design system as a service: una agencia diseña, gobierna y hace evolucionar el sistema sin handoff final. Seis modelos comparados.

A grid of nine columns and seven rows of tiles; six rows end at a struck-out cell, one lit row runs through all nine to a large lit tile

Diseño

Cómo elegir una agencia de diseño SaaS B2B en 2026

Casi todas las contrataciones de agencias fallan antes de firmar. Nueve pasos para elegir una agencia de diseño SaaS B2B que entrega estrategia, no pantallas.

Six dark squares growing from tiny to very large along a baseline, one of them lit, with a slider under the row set beneath the lit one

Diseño

Mejores agencias de diseño SaaS en 2026: cómo compararlas de verdad

Las mejores agencias de diseño SaaS en 2026 caben en seis arquetipos, de 3k a 500k+. La elección depende de tu etapa, no de un ranking. Aquí está la comparación.

Seven phone screens in a row shading from light to dark in steps, under an arc of dots from a glowing sun to the horizon

Diseño

El modo oscuro no es un toggle: theming contextual en 2026

El 82% de los usuarios móviles ya usa modo oscuro a nivel OS en 2025, pero un toggle en el header ignora luz ambiente, hora y contexto. Aquí la solución.

On a white ground, a ring of twelve black dots around a black form card whose fields are joined by a dashed keyboard path ending in a white focus ring on the button

Diseño

Diseño accesible tras la EU Accessibility Act

El EAA entró en vigor el 28 de junio de 2025. Qué cambia para los equipos de producto que venden en la UE y qué significa diseño accesible de verdad.

Grey tiles tumbling along a wide wave on the left that dies away to a flat line, ending in one still white tile on the right

Diseño

Calm UI en 2026: el fin de los teatros de animación

Calm UI mantiene el movimiento en la periferia, anima solo cuando un cambio de estado importa, y trata la animación como un coste, no un valor por defecto.

A central white tile with nine lit tiles on an inner orbit joined by solid lines, and three dark tiles on a wider dashed orbit joined by dashed lines

Diseño

Cómo gobernar un design system en 10+ proyectos consumidores

Un playbook práctico para gobernar un design system en muchos proyectos consumidores: modelo de contribución, versionado, codemods y adopción.

A grid of identical dark pills with ten that break the pattern in white: wider, taller, square, tilted, shifted or doubled

Diseño

10 errores de design system que arruinan la coherencia a escala

Los botones se multiplican, los tokens se desvían, los componentes se bifurcan. Los 10 errores de design system que vacían un producto, y los arreglos.

Three stacked bands: three lit tiles on top, six swatch pills in the middle and eighteen small chips at the bottom, each joined by lines to the one above

Diseño

Design tokens vs variables CSS vs Tailwind, explicado (2026)

Los design tokens, las variables CSS y Tailwind ocupan tres capas: significado, valores en runtime y clases utility. Cómo elegir y cómo se combinan.

From a tile on the left, a high white arc studded with small lit tiles reaches a lit tile on the right, while a straight grey line below loops three times and stops short

Diseño

Bibliotecas de componentes externas: un atajo caro

Las bibliotecas de componentes externas prometen velocidad pero atan a upgrades, marcas iguales y reescrituras cada dos años. Esto es lo que funciona.

Five rows with partly filled score bars on the left, lines crossing and reordering them into a ranked roadmap of five steps on the right, the first one lit

Diseño

Auditoría de design system: los 5 controles y la hoja de ruta

Una auditoría de design system mide uso de tokens, deriva de componentes, accesibilidad, gobernanza y adopción. Devuelve correcciones priorizadas y roadmap.