Skip to main content
prayminder
New Member
May 13, 2025
Question

[Fixed] Figma Sites text breakpoints always use mobile values on load

  • May 13, 2025
  • 13 replies
  • 589 views

First of all, kudos to the Figma team for Sites, it’s an amazing product even in beta. I've been looking forward to Figma making this happen, an easy way to publish a website directly.

I’ve been moving our website from Framer to Figma hoping to switch, however I encountered one issue: I have text styles with breakpoints for desktop, tablet and mobile. Everything looks good in the preview, however when I publish the site, styles use the values for the mobile breakpoints even on the desktop.

Interestingly enough, if I resize the browser window to a smaller size and then back again, it works. So it looks like the first view is the one with the issue.

At some point, I think it was working properly, but now this issue is back again. I can’t seem to see any correlations with anything else I’m doing.

Anyone else experiencing something similar?

Thank you,
Panos

This topic has been closed for replies.

13 replies

Nicole Bryan
New Member
July 17, 2025

I am having the same problem as ​@Dawid5 - I’m using Figma Desktop App version 125.5.6 .  In Figma the different breakpoint font sizes show up correctly but when I publish it all of the fonts are the desktop font size

Nicole Bryan
New Member
July 21, 2025

Hey ​@djv -- has anyone gotten a chance to look at this?  I’ve also submitted a support ticket and am hopeful that someone can provide some information on where things stand?  Thanks!

Dawid5
New Member
July 22, 2025

​@djv

Sorry for responding a little late,

It seems that as of today (22.07.2025) You’ve covered the topic and the font styles scale accordingly to what I’ve defined for different breakpoints. Both in the proto preview and on published website :) Thanks for quick fixes, appreciate you,


Btw. it’s crazy how much easier it is to manage fonts this way, thanks!