Skip to main content
Question

Problem with letter spacing

  • July 7, 2026
  • 3 replies
  • 34 views

Andreas Constantinou

Hi, we used Figma to design websites, landing pages, and banners, and we encountered an issue with the letter spacing. You can see the issue in the video.

3 replies

djv
Figmate
  • Community Support
  • July 8, 2026

Hi ​@Andreas Constantinou, thanks for reaching out! 

I completely understand how this must be slowing down your workflow. The video is also really helpful, and I can see exactly what you mean about the letter spacing changing up when clicking into specific text layers. This looks similar to a rendering issue we've been tracking where certain fonts don't display their spacing consistently until a layer is selected/edited. To help us confirm what's happening in your file, could you let me know:

  1. What font(s) are the affected text layers using (e.g., is it a system font like SF Pro, or a custom/Google font)?
  2. Does this happen on every text layer using those same fonts or only specific ones?
  3. What OS/browser (or desktop app) are you working in?

In the meantime, if you're on a tight deadline, locking the letter-spacing value directly on the text style (rather than relying on the default) can sometimes prevent the visual jump. Let us know these details, and we can pass them along to the team as they continue to investigate.


Andreas Constantinou

Hi @djv, thank you for your response!

  1. We're using Roboto Flex (Google Font).
  2. The issue doesn't occur on every text layer. It seems to happen mostly with text fields inside components.
  3. We're using the desktop apps. I tested it on the Windows app, and other designers using the Mac app are experiencing the same issue.

djv
Figmate
  • Community Support
  • July 8, 2026

Thanks for the additional context, ​@Andreas Constantinou! 


I flagged this over to the team and they confirmed that this is a known behavior that usually comes down to font version mismatches. If someone on your team doesn't have the font (e.g. Roboto Flex) installed locally or via Font Installer/the desktop app, Figma uses its own bundled version. But if someone else does have that font installed locally, Figma switches to their local version instead — and since font versions can differ slightly (Roboto Flex has had some changes across versions), you get that visible shift when the text layer is edited and re-rendered with the "other" version. There are two ways to fix it for good:

  1. Upload the font (e.g. Roboto Flex) to your org or team fonts. Figma always prioritizes the org-provided font, so everyone will render identically regardless of what's installed locally.
  2. Make sure no one on the team has that font installed locally that way everyone falls back to the same Figma-provided version.

Hope this helps!Â