Skip to main content
Lorenzo_Sala1
December 11, 2023
Question

Change font type using variables

Hi everyone! I’m trying to create the design of an app that can switch look and feel of all of it’s components using Figma variables. I managed to change almost all but when it comes to fonts I have to use two different ones. I can manage their color, size, backgrounds but I cannot switch styles. Any idea on how to do it?

    This topic has been closed for replies.

    2 replies

    y_toku
    Figmate
    y_toku
    Community Support
    December 12, 2023

    Hi there,

    Thank you for reaching out! It sounds like you’re interested in understanding how to use variable fonts. We have a helpful article in our help center that explains this in detail: https://help.figma.com/hc/en-us/articles/5579502031511.

    Variable fonts allow you to access a wide range of styles within a single font file, offering great flexibility. I think you’ll find this information useful. Additionally, you might enjoy exploring this community file for a hands-on learning experience: https://www.figma.com/community/file/1100582092812434286.

    I hope you find these resources helpful!

    Thanks,
    Toku

    Kevin_Williams
    Kevin_Williams
    January 16, 2024

    Actually Toku, I think you completely misunderstood the question, which was not about “variable axis fonts” at all, but using the Figma Variables feature to describe font properties, so that font weight, size, or typeface could take advantage of the variables feature.

    From all I have been able to discern, only Figma Styles support reusable font definitions, and font styles appear unable to use variables for most properties; only literals/selections are permitted.

      Terms & ConditionsAccessibility statement