Diseño

Guía consolidada de nomenclatura para sistemas de diseño: tokens, componentes y variables

El artículo articula el problema central de la nomenclatura: los nombres demasiado genéricos impiden comprensión; los demasiado específicos limitan la reutilización. Para cada capa del sistema de diseño propone recursos distintos: Classnames para clases y funciones, Color Parrot para colores, Component Gallery para comparar cómo otros design systems nombran los mismos componentes (cubre más de 50 componentes), y el caso de Intuit para tokens multi-producto. El principio de Erin Gannon para features es especialmente accionable: el nombre debe reflejar el trabajo que el usuario quiere hacer (job-to-be-done), no la función técnica, y debe surgir del lenguaje propio del usuario. El mapa de Vodafone descompone tokens en cuatro colecciones, brand, primitivos, semánticos y páginas, y hace visible desde el nombre dónde se usa cada token.

Tu acción

Abre Component Gallery y verifica cómo sistemas de referencia nombran los 3 componentes más debatidos en tu equipo; usa eso como argumento en la próxima conversación de naming.

Este es uno de los cinco hallazgos de Diseño de esta semana en Rebrio.

  • NNGroup analiza qué hace útil a un asistente de IA: contexto, no inteligencia
  • NNGroup: cómo los usuarios avanzados gestionan librerías de contexto para agentes de IA
  • La Ley de Tesler revisitada: la IA mueve la complejidad, no la elimina

Lo que importa, cada lunes. Gratis.

Lo que importa en lo tuyo, curado. Sin amarillismo, sin ruido. Cinco minutos de lectura que te hacen mejor profesional.

Empezar a leer

Gratis · Sin tarjeta · Cancelable