Figma Support Forum

Hover issues on windows with system fonts in interactive components


i created a button with hover effect as an interactive component (on a Mac). if i use system fonts like Arial or Helvetica in the main components and use a button with larger text then the main component i got some display issues after hovering. This problem occurs only in Windows.

You can recreate this issue i.e. in the figma demo file for interactive components on a mac and view the prototype on windows.

  1. frame/artboard: “create interactive components” > hover effect on a button
  2. change the fonts to Arial.
  3. add some words to the button instance (so it’s longer then the main component)
  4. view the prototype on windows and hover the button.
1 Like