Saltar al contenido

Todo producto que crece acaba igual

Un sistema de diseño con componentes, tokens y documentación, para que una pantalla nueva no obligue a decidir otra vez cómo es un botón.

Escrito por Samuel Suárez RodríguezCofundador · Ingeniería y automatización ·

La situación

Nadie decide tener cuatro botones distintos. Pasa poco a poco: alguien necesita uno con prisa, copia el que tiene más a mano y le cambia un detalle. Al cabo de un tiempo hay cuatro cosas que se llaman «botón», un azul que no es el azul y pantallas nuevas que tardan días porque hay que volver a decidir lo que ya estaba decidido. Pasa lo mismo con los cajones de una cocina o las carpetas de una oficina – el desorden no se elige, se acumula.

Qué se construyó

Hicimos una biblioteca de componentes publicada como paquete, que usan todas las aplicaciones del repositorio. El color, la tipografía y el espaciado se declaran una sola vez, y de ahí los toma todo lo demás. La documentación vive junto al código, para consultarla antes de escribir un componente nuevo y no después.

Qué salió

Una pantalla nueva se monta con piezas que ya existen y que ya son accesibles. La consistencia deja de depender de que alguien se acuerde. Creo que esa es la parte que más se subestima: el orden que dura no es el que alguien vigila, sino el que viene puesto desde el principio.

En una pyme suele pasar lo mismo con las tarifas: varias copias del mismo Excel, cada una con un precio distinto. Por eso las ordenamos en el diagnóstico antes de que la IA las lea, y todo lo que construimos queda documentado y es tuyo.

Trabajo académico de máster, hecho junto a Red Rivera, sobre las especificaciones públicas de un sistema de diseño de OpenAI. El código es público. El código está en GitHub (se abre en una pestaña nueva).