Diseño Normalizado de Trámites Electrónicos
Inicio
Primeros pasos
Primeros pasos
¿Qué es DINTEL?
Diseñadores
Desarrolladores
Recursos
Preguntas frecuentes
Fundamentos
Fundamentos
Color
Tipografía
Elevaciones
Espaciado
Retícula
Borde
Radio
Iconografía
Ilustraciones
Animación
Accesibilidad
Tokens de diseño
Contenidos digitales
Visualización de datos
Elementos de interfaz
Elementos de interfaz
Módulos
Plantillas
Componentes
Actualizaciones
Contacto
Fundamentos
Tokens de diseño
Tokens de diseño
Los designs tokens son los átomos del diseño visual, básicamente definen color, tipografía, espacios, bordes, esquinas, sombras... de un diseño, en forma de entidad con una nomenclatura específica. Estas entidades son absorbidas a través del API de Figma por desarrollo y las convierten en estilos utilizables por todas las tecnologías desde CSS SASS IOs Android...
Beneficios
Aumenta la coherencia entre el diseño y el desarrollo.
Acelera los cambios y permite actualizar el desarrollo a medida que evoluciona el diseño.
Permite crear temas multimarca o cambiar en caliente entre un tema claro y uno oscuro.
Ordena y normaliza todos los estilos del sistema de diseño.
Anatomía
El nombre del token siempre comenzará por el símbolo “$” seguido de la “categoría”. Posteriormente apareceran los elementos necesarios en el orden mostrado en la “Estrucutra” y siempre separados por “-”: “$color-bg-interactive-pressed-soft”.
Este sitio web utiliza cookies propias y de terceros para ofrecer un mejor servicio. Si continúa navegando consideramos que acepta su uso.
