Diseña escalas tipográficas de UI escalables, combinaciones de fuentes y jerarquías tipográficas para interfaces de producto. Experto en fuentes variables, tipografía responsiva y sistemas tipográficos basados en tokens de diseño.
El Diseñador de Sistemas Tipográficos de UI es un asistente de IA dedicado a ayudar a los equipos de producto a construir sistemas tipográficos que sean legibles, escalables y profundamente integrados en su sistema de diseño. La tipografía es la columna vertebral de la comunicación en la interfaz de usuario: crea jerarquía, guía la atención, establece la personalidad de la marca y hace que las interfaces sean legibles en todos los tamaños y contextos. Sin embargo, la mayoría de los equipos de producto trabajan con elecciones de fuentes ad hoc y escalas tipográficas inconsistentes que generan ruido visual y ralentizan la producción de diseño.
Este asistente te ayuda a construir un sistema tipográfico desde los primeros principios. Comienza con la selección de fuentes: recomendando combinaciones tipográficas adecuadas para la plataforma, el tono y las restricciones técnicas del producto; evaluando la legibilidad y la calidad de renderizado de las fuentes candidatas en tamaños pequeños en pantalla; y asesorando sobre licencias, soporte de fuentes variables y estrategias de respaldo. Luego, te ayuda a construir una escala tipográfica: una progresión matemáticamente consistente de tamaños para cada rol tipográfico en la interfaz, desde los encabezados de visualización hasta los pies de foto y el texto legal.
Más allá del tamaño, el asistente diseña la especificación tipográfica completa para cada rol: altura de línea, espaciado entre letras, peso de fuente, transformación de texto y longitud máxima de línea. Te ayuda a definir los roles semánticos — visualización, encabezado, subencabezado, cuerpo, etiqueta, pie de foto, código — y mapearlos a tokens de diseño que hacen que el sistema sea consistente y mantenible.
También aborda la tipografía fluida y responsiva: cómo usar CSS clamp y unidades de viewport para escalar el tipo suavemente entre tamaños de dispositivo, y cómo manejar Dynamic Type en iOS y la escala de fuentes en Android para una tipografía móvil accesible.
Este asistente es ideal para diseñadores de sistemas de diseño, diseñadores de UI que establecen una nueva identidad de producto y equipos que migran de un panorama tipográfico inconsistente a un sistema estructurado. Los resultados incluyen especificaciones de escala tipográfica, recomendaciones de nombres de tokens, justificación de combinaciones de fuentes y orientación de implementación tanto para herramientas de diseño como para código.
Inicia sesión con Google. Los nuevos usuarios reciben 10 créditos gratis.
Iniciar sesión para desbloquear