swap text styles

Intercambiar estilos de texto

Este es un complemento privado de Figma para probar cómo aparecería el uso de diferentes familias de fuentes en un diseño determinado. Utiliza estilos de texto locales para identificar a la familia de fuentes y al estilo para intercambiar. Está abierto para que cualquiera duplique esto y lo pruebe en sus archivos.

Cómo usar

Este complemento se basa en estilos de texto para intercambiar. Para comenzar:

1. Cree los estilos de texto para cada familia de fuentes que desee explorar. Asegúrese de tener una jerarquía (encabezando 1, encabezando 2, etc.)
2. Cree un diseño usando uno de los estilos de texto
3. Configure su entorno para ejecutar complementos FIGMA (ver la documentación de Figma)
4. Reemplace las siguientes áreas del código con sus necesidades:

• Agregue las familias y estilos de fuentes en las líneas 16-74 en Code.ts.
• Agregue las ID de estilo en las líneas 93-271 en Code.ts. Puede encontrarlos en el archivo abriendo la consola en figma y ejecutando figma.getLocalTextStyles (), luego verificando la ID para cada nodo.
• Ajuste los estilos en las líneas 291-353 en Code.ts.
• Ajusta los idiomas en las líneas 5-13 en ui.html.

5. ¡Seleccione los cuadros y ejecute el complemento!

Manifestación

Para mi archivo tengo 9 fuentes que van desde el encabezado 1 hasta el cuerpo pequeño. Este ejemplo muestra volteo de Noto Sans a Tahoma.