Di

Hmm, I have an SVG with a textPath to show some wiggly text and now I want to do some post-processing on it in Figma, but when I open it in Figma, the text layer contains no text?

Any suggestions? Can I convert a text/textPath to outline/path in the browser using JavaScript somehow? Could I calculate the x/y/rotation of each letter using JavaScript somehow and replace the textPath? Have I missed some obvious, easy alternative?

#svg

May 12 at 4:04amWeb
Show threadBradMay 12
@didoesdigital It might be worth seeing if InkScape can open it faithfully, you could then expand it and continue in Figma?
Show threadDiMay 12
@brad Oh, brilliant! Yes! That worked 🥳
Show threadJoshua Byrd 💽May 12
@didoesdigital Not sure of the intricacies of your situation, but one time when I tried to open an SVG in Figma it didn't bring the styles in so I thought some things weren't in there because they were white
Show threadDiMay 12

@phocks Ah yes, I have found myself using SVG attributes more than CSS styles just to make sure they survive the transition to Figma.

In this case the text layer seems to be empty (if I edit it then hit escape the text layer disappears from the layers panel just like Figma does with any new, empty, abandoned text element). I suspect that Figma doesn't support textPath at all so the element and its content disappear rather than just losing the styles.

Show threadJoshua Byrd 💽May 12
@didoesdigital I think there was an SVG import Figma plugin too last time I used it, although that was a long time ago now