Skip to main content
Question

Problem with typography variable when I'm using the prototype mode


Giorgio_Perales

Hello Figma, I’ve encountered an issue when using typographic variables. I’ve configured all the fonts according to the parameters allowed by the program, but when applying them and switching to prototype mode, it doesn’t respect the settings established as variables.

In my case, I’ve used two different types of typography, “Flexo” and “Nunito,” but both font families have different names for their weights. My question is, does this affect the variables?

I’m attaching a video of the issue I’m facing, and I hope to find a possible solution to this problem.

5 replies

y_toku
Figmate
  • Community Support
  • 2317 replies
  • June 4, 2024

Hi there,

Thanks for reaching out and sharing the screen recording. To better understand the issue, could you share the prototype settings? If I understand correctly, you want to maintain the font weight while the mouse is hovering. Is that right?

Thanks!
Toku


Giorgio_Perales

Hi,

Thank you for the response. I want to maintain the font family and weight settings I have chosen for the font family variable. Initially, the right button displayed a different font family and weight (Nunito-Semibold); however, after scrolling, both variables shifted, taking on the font characteristics of the left button (Flexo-Demi).

Font Family:

My prototype settings are these:



y_toku
Figmate
  • Community Support
  • 2317 replies
  • June 5, 2024

Thanks for the details! I tested it on my end using Roboto and Nunito since I don’t have Flexo, and it seems to be working fine with both fonts. If the issue persists with Flexo, you might want to try reinstalling the font:

Figma Learn - Help Center

If the issue still persists, could you reach out directly to the support team with a copy of your file: https://help.figma.com/hc/en-us/requests/new? Our support team will look into it.

Please make sure you use the email associated with your Figma account, include links to the file in question, and share access with support-share@figma.com. Don’t worry, inviting us to view your file won’t impact your billing.

Thanks,
Toku


Giorgio_Perales

Hi Yoku, thank you for the video. I reinstall the typography but I had the same problem. Also, I noticed that you’re encountering a similar issue with the font family. If you examine your design closely, you’ll see that the Nunito font is thinner and has curved strokes, unlike Roboto, which has linear strokes (0:17). However, when you launch the prototype screen, both buttons display the “Roboto” typography (0:26).

At 0:16: The font family are different here

At 0:26: The buttons are utilizing the first Typography variable. If you notice, the second button, which employs the second variable (font family Nunito), is not functioning.

I think this is something about the Figma Prototype that is not calling the correct typography variable. I’m going to send this case to my design system team so they can arrange a meeting with the Figma team.

Thank you,

Gio


y_toku
Figmate
  • Community Support
  • 2317 replies
  • June 14, 2024

Hi there,

Thanks for the details! Great catch. It could be a bug, so could you kindly submit a bug report detailing the steps that led to this issue? You can do so by following the link:

Figma Learn - Help Center

Unfortunately, we aren’t providing a call support, but our technical support team will look into this!

Thanks for your understanding and patience.
Toku


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings