Variables de tipografía en Figma

En este articulo te explicare todas la novedades de la nueva actualización de variables en Figma.

@uxcristopher
Publicado en
April 27, 2024

En el mundo del diseño, la consistencia es clave. Desde la paleta de colores hasta la disposición de los elementos en una página, cada detalle importa. Uno de los aspectos más importantes, pero a menudo subestimados, de la coherencia es la tipografía. Es por eso que el reciente lanzamiento de variables de tipografía en Figma es una noticia emocionante para diseñadores de todo el mundo.

¿Qué son las Variables de Tipografía?

Las variables de tipografía son como atajos para los diseñadores. Imagina que estás trabajando en un proyecto con una serie de títulos, subtítulos y cuerpos de texto. En lugar de tener que recordar las especificaciones de fuente, tamaño y estilo para cada uno, puedes crear variables que representen estas propiedades. Por ejemplo, podrías tener una variable llamada "Título Principal" que incluya la fuente, tamaño y peso de un título principal, y luego aplicar esta variable en todo tu diseño.

Beneficios de las Variables de Tipografía

La introducción de variables de tipografía en Figma trae consigo una serie de beneficios. En primer lugar, simplifica enormemente el proceso de diseño al permitir a los diseñadores cambiar rápidamente la tipografía en todo el proyecto desde un solo lugar. Esto no solo ahorra tiempo, sino que también garantiza una coherencia impecable en todo el diseño.

Además, las variables de tipografía fomentan la experimentación. Ya no estás limitado por las elecciones de tipografía que has hecho al principio del proyecto. Con las variables, puedes probar fácilmente diferentes fuentes, tamaños y estilos para encontrar la combinación perfecta.

source: Joey Banks

Implementación en Figma

Usar variables de tipografía en Figma es sorprendentemente sencillo. Simplemente, crea una nueva variable y asigna las propiedades de la fuente que deseas incluir. Luego, en lugar de seleccionar una fuente específica al diseñar, elige la variable que has creado. Si decides más tarde que deseas cambiar la fuente, simplemente actualiza la variable y se aplicará automáticamente en todo el proyecto.

source: Joey Banks

Las variables de tipografía son una adición bienvenida a la caja de herramientas de cualquier diseñador. Simplifican el proceso de diseño, fomentan la coherencia y facilitan la experimentación. Si eres un usuario de Figma, te animo a que empieces a utilizar variables de tipografía en tu próximo proyecto. De hecho, en mi Curso de sistemas de diseño te enseño en profundidad a cómo utilizar las variables de manera profesional en proyectos complejos. ¡Verás cómo transforman tu flujo de trabajo y mejoran la calidad de tus diseños!