Token de diseño
Un token de diseño almacena una decisión visual con nombre. Varios componentes pueden reutilizarlo y su valor se modifica en un lugar definido.
Dar nombres con significado a los valores visuales
Un token de diseño es una decisión visual con nombre, como un color, un espaciado o un tamaño de letra. En lugar de introducir el mismo valor en muchos lugares, los componentes usan un nombre compartido. Un token también puede referirse a otro.
En un ejemplo simplificado, color-text-primary representa el color normal del texto. La lista de clientes y el diálogo de pedido usan ese nombre. Si cambia su valor, el proceso de compilación o actualización correspondiente puede llevar el cambio a ambas vistas.
Un nombre y un valor todavía no forman un componente de interfaz completo. No definen cómo funciona un botón ni las reglas de negocio de un formulario. Asimismo, un cambio en el archivo de diseño solo llega al código si el intercambio entre herramientas está realmente configurado.
Fuentes
Términos relacionados
- Sistema de diseñoUn sistema de diseño reúne reglas visuales, componentes reutilizables y pautas de uso. También necesita mantenimiento y seguimiento de cambios.
- Componente de interfazUn componente de interfaz es una pieza reutilizable. Su función determina la presentación y el comportamiento de interacción necesarios.
- Traspaso del diseño al desarrolloEl traspaso del diseño prepara su implementación. Los estados, el comportamiento y las decisiones pendientes deben quedar claros.
- Variante de componenteUna variante es una forma definida de un componente compartido. Se diferencia de un estado de interacción temporal.
- Biblioteca de componentesUna biblioteca de componentes reúne elementos de interfaz reutilizables. Para usarlos también importan el comportamiento, las variantes y la versión adecuada.
Artículos sobre el tema
Su proyecto con ASES
Descríbanos su proyecto. Le responderemos con una primera valoración.