I tried to import a Figma file to Sketch.
Everything is fine and imported correctly except for Text Styles. I get these errors but I have SF Pro font on my Mac.
Hey, thanks for the report!
If you want to get up and running quick, you could use the Replace Font feature of Automate Sketch!
- Download and Install the Plugin
- Open the Document where this warning is showing up.
- Make sure the Fonts are not working
- With the Document open, do: Plugins > Automate > Text > Replace Fonts
- Choose the fonts you would like to replace
- In this case, it would be any of those SF Pro reports that the Importer is having issue mapping
- Choose which font you would like to replace it with
- Done!
Thank you for your reply but It’s not about font. It is about “Text Style” which isn’t imported from the Figma file.
You can download the Figma file from here: https://www.figma.com/community/file/1111359207966840858
As you see there are no Text Styles after importing:
@Taha Ahh, indeed, it seems like something must’ve changed in how Figma defines their styles that this process is now failing.
We have filled an issue here on your behalf: Text Styles fail to be imported · Issue #102 · sketch-hq/fig2sketch · GitHub
2 Likes
Thank you for following up.
1 Like
@raulrioncon The GitHub issue has been closed as Won’t Fix, but wrongly IMHO - this affects conversions where the fonts are available in 2 cases:-
- On Google Fonts (in my case, Google’s Poppins and Montserrat)
- Locally
This is deeply annoying from a functionality point of view. At the very least, it would be nice to offer a “substitute” option during import, so an user can clean things up themselves. This has been the case for other apps and services with missing fonts for many years, even decades…
As per the closing comment, the app will not be able to download those types of fonts (the ones not available on Google Fonts), since:
- We have no way of kwowing where the fonts are.
- There might be legal issues into downloading these fonts without permissions (or from unknown places).
However, there’s a workaround you can do. When importing the file to Sketch, make note of all the issues/errors with fonts and then you can use a plugin like Automate Sketch to Replace Fonts on the current Document.
- Open the Document you want to replace fonts in
- Make sure the font you want to use is installed on the system
- In the menubar: Plugins > Automate > Text > Replace Fonts
- Follow the wizard (Select which font to change > which font to change it for).
- Done!
Let us know if this helps!
@raulrincon I’m not sure you understood my post. The fonts in question exist in Google Fonts (Poppins and Montserrat in this case). They are also active locally. So this seems like a bug to me. Regardless, if a font is missing during Figma file translation, why not simply pop up a dialog and ask for substitutions? This has been the way to solve this problem since the 90s… yes, I’m that old.
This affects Text Styles, so your workaround does not work.
Hey @raphcohn thanks for the reply!
The Missing Fonts notification should pop-up when this happens (top-right on the Bell icon). Does it not for you? If the Document has references to the Font (and the Font does not come from a third-party Library) then it should allow you to replace the font. 
However, this might be failing and we’d love to know if you can replicate this on a Document and then share it with us 