CasosProducto digital
Que el producto crezca sin descoserse
Un sistema de diseño completo —componentes, tokens y documentación— para que añadir una pantalla nueva no signifique reinventar el botón otra vez.
- Quién
- Samuel Suárez Rodríguez
- Cuándo
- 2026
- Con qué
- TypeScript · React · Monorepo · Tokens de diseño
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.
- 1única fuente para color, tipografía y espaciado
- 3principios: consistente, accesible y semántico
- 9estrellas en GitHub de gente de fuera
La situación
Todo producto que crece acaba igual: cuatro botones distintos que se llaman «botón», un azul que no es el azul, y una pantalla nueva que tarda tres días porque hay que decidir otra vez cosas que ya estaban decididas.
Qué se construyó
Una biblioteca de componentes publicada como paquete y consumida por las aplicaciones del propio repositorio, con los valores de color, tipografía y espaciado declarados una sola vez y usados en todas partes. Documentación viva al lado del código, para que se mire antes de escribir un componente nuevo.
Qué salió
Añadir una pantalla pasa a ser ensamblar piezas que ya existen y que ya son accesibles. La consistencia deja de depender de que alguien se acuerde.
Qué tiene esto que ver contigo
Es lo que hay por debajo de nuestro CRM y de cualquier herramienta a medida que construimos: si el producto va a vivir años, la disciplina se pone al principio o no se pone nunca.
Todos los casosCuéntanos qué te quita más tiempo.
Te respondemos en menos de un día laborable con una propuesta de llamada. Sin automático, sin comercial insistente: te contesta quien va a construir la solución.
- Teléfono
- +34 624 53 11 80+34 652 98 81 18
- Dónde
- Barcelona, EspañaTrabajamos en remoto en todo el país