Salta al contingut

Que el producte creixi sense descosir-se

Un sistema de disseny complet —components, tokens i documentació— perquè afegir una pantalla nova no vulgui dir reinventar el botó una altra vegada.

Qui
Samuel Suárez Rodríguez
Quan
2026
Amb què
TypeScript · React · Monorepo · Tokens de disseny

Treball acadèmic de màster, fet juntament amb Red Rivera, sobre les especificacions públiques d’un sistema de disseny d’OpenAI. El codi és públic.

  • 1única font per al color, la tipografia i l’espaiat
  • 3principis: consistent, accessible i semàntic
  • 9estrelles a GitHub de gent de fora

La situació

Tot producte que creix acaba igual: quatre botons diferents que es diuen «botó», un blau que no és el blau, i una pantalla nova que triga tres dies perquè cal tornar a decidir coses que ja estaven decidides.

Què es va construir

Una biblioteca de components publicada com a paquet i consumida per les aplicacions del mateix repositori, amb els valors de color, tipografia i espaiat declarats una sola vegada i utilitzats a tot arreu. Documentació viva al costat del codi, perquè es consulti abans d’escriure un component nou.

Què en va sortir

Afegir una pantalla passa a ser muntar peces que ja existeixen i que ja són accessibles. La consistència deixa de dependre que algú se’n recordi.

Què té a veure això amb tu

És el que hi ha per sota del nostre CRM i de qualsevol eina a mida que construïm: si el producte ha de viure anys, la disciplina es posa al principi o no es posa mai.

Tots els casos