Editar escala en variables de Figma
Last updated
Last updated
Actualmente, Figma no cuenta con una función que automatice este proceso, por lo que deberá realizarse manualmente, aunque es muy sencillo. Solo debes abrir el panel de variables, ir a la colección de System Tokens, buscar la carpeta de Typography y en la categoría font-size encontrarás la base y el sistema de escala. Estos dos son solo informativos. Sin embargo, en los tokens inferiores, deberás cambiar los tamaños manualmente, siguiendo el ejercicio explicado previamente.
Solo necesitas modificar los valores de los Alias (xxs, xs, sm, etc.). Las definiciones de body, title, subtitle, heading y el resto cambiarán automáticamente, ya que están configurados en la colección de Component Tokens. No será necesario realizar cambios en esa parte.
Al igual que con los tamaños, la edición del line-height debe realizarse manualmente desde el panel de variables. Para hacerlo, dirígete a la colección de System Tokens, busca la carpeta de Typography y en la categoría line-height encontrarás los valores que puedes editar. Solo necesitarás modificar los valores de los Alias (xxs, xs, sm, etc.). El resto de los valores están configurados en la colección de Component Tokens, por lo que no es necesario hacer ningún cambio allí.