Cómo utilizar las variables de Figma para implementar diferentes estrategias de tokens de diseño

Los tokens de diseño son entidades con nombre que almacenan valores de diseño sin procesar e indivisibles, como colores o tamaños de píxeles. Son las piezas centrales de un sistema de diseño. Almacenados en un formato independiente de la tecnología, se pueden transformar para su uso en cualquier plataforma, reemplazando los valores codificados. ~ Fichas de diseño: ¿qué son y cómo te ayudarán?¹

Sus estilos de texto y color, sombras, etc. se pueden representar como tokens de diseño. La parte importante es compartir tokens de diseño entre todas las partes del equipo de producto. El objetivo es que el diseño y el desarrollo utilicen los mismos tokens del mismo fuente de verdad.

Con los tokens de diseño, tanto la transferencia como los cambios globales se vuelven más fáciles. Si se configura correctamente, cualquier cambio de token de diseño debe realizarse en un solo lugar, el token de diseño fuente de verdad. Y este cambio seguirá afectando a todo el sistema, por ejemplo, cambiando el color de la marca en todas partes al mismo tiempo.

Figma introdujo variables². Funcionan bien como fichas de diseñopero hay más, también se pueden utilizar para la creación de prototipos³.