Variables de tipografía en Figma

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

uxcristopher
April 26, 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!

Paquetes de cursos

Aprende más gastando menos, elige el paquete que mejor se ajuste a tus objetivos.

DesignerPack

Pago único. Acceso de por vida.
$97.99 USD
50% Dto.
Precio anterior $196 USD
Este paquete te da acceso únicamente a 5 cursos.
(Los cursos ya están definidos y no se pueden cambiar).
Incluye 6 meses de Figma Pro
(No renovable)
Curso de UX/UI Design
Curso de AutoLayout
Curso de Prototipado y animación
Curso de Sistemas de diseño
Curso de UI Design
Curso de IA para UX/UI Designer
Curso de Webflow
Curso de Freelancer
Curso Nuevos

MegaPack

Pago Anual, acceso a todos los cursos
$197 USD/año
50% Dto.
Precio anterior $394 USD
Acceso a todos los cursos actuales y futuros
(Durante tu suscripción)
Incluye 1 año de Figma Pro
(Activo durante tu suscripción)
Curso de UX/UI Design
Curso de AutoLayout
Curso de Prototipado y animación
Curso de Sistemas de diseño
Curso de UI Design
Curso de IA para UX/UI Designer
Curso de Webflow
Curso de Freelancer
Curso Nuevos sin costo extra
WhatsApp ¿Necesitas ayuda? 😃