Blog

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

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 árbol de componentes con nodos marcados como servidor o cliente
4 min de lectura

Server Components vs Client Components en Next.js: cuándo uso cada uno

La pregunta no es cuál es mejor. Es qué necesita interactividad y qué no, y esa distinción cambia cuánto JavaScript le mandás al navegador de cada visitante.

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 →
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 →
Blog | Nicolás Ariel Fernández