Skip to main content

Hi


I have the following SVG that I am trying to import into Figma using the Plugin API figma.createNodeFromSvg().


<svg width="100%" height="100%" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.6663 10.802L12.2212 20.247L7.5 15.5245" stroke="url(#paint0_linear_1066_80462)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<linearGradient id="paint0_linear_1066_80462" x1="7.5" y1="14.928" x2="13.9761" y2="14.8028" gradientUnits="userSpaceOnUse">
<stop stop-color="#D6733A"/>
<stop offset="0.5" stop-color="#EDA043"/>
<stop offset="1" stop-color="#F5C145"/>
</linearGradient>
</defs>
</svg>

I get the following error on the Figma Developer Tools console while importing


figma_app.min.js.br:16 Uncaught Error: "failed to invert transform" in addGradientPaint (FGSvgParser.cpp)
at _reportError (compiled_wasm.js.br:2:107233)
at _Support_reportError (compiled_wasm.js.br:2:155044)
at wasm-function[947] (compiled_wasm.wasm.br:0x1c399)
at wasm-function[11533] (compiled_wasm.wasm.br:0x93f971)
at wasm-function[11534] (compiled_wasm.wasm.br:0x940537)
at wasm-function[3740] (compiled_wasm.wasm.br:0x20e91c)
at wasm-function[4833] (compiled_wasm.wasm.br:0x3222bf)
at wasm-function[5856] (compiled_wasm.wasm.br:0x404c19)
at wasm-function[11525] (compiled_wasm.wasm.br:0x93c96b)
at wasm-function[4833] (compiled_wasm.wasm.br:0x319f88)
at wasm-function[2665] (compiled_wasm.wasm.br:0x11d97f)
at wasm-function[27187] (compiled_wasm.wasm.br:0xddef07)
at _PluginHelpers.createNodeFromSvgForPlugin (compiled_wasm.js.br:2:636242)
at Number.cb (figma_app.min.js.br:1594:13008)
at Number.<anonymous> (figma_app.min.js.br:1567:15668)
at Number.<anonymous> (figma_app.min.js.br:1424:5300)
at e.invokeCallback (figma_app.min.js.br:613:8620)
at 70556 (jsvm-cpp.js.br:9:16134)
at _emscripten_asm_const_int (jsvm-cpp.js.br:9:18079)
at jsvm-cpp.wasm.br:0x59d8
at jsvm-cpp.wasm.br:0x136e3
at jsvm-cpp.wasm.br:0x152eb
at jsvm-cpp.wasm.br:0x17216
at jsvm-cpp.wasm.br:0x7b9d3
at jsvm-cpp.wasm.br:0x137df
at jsvm-cpp.wasm.br:0x152eb
at jsvm-cpp.wasm.br:0x17216
at jsvm-cpp.wasm.br:0x2a44c
at jsvm-cpp.wasm.br:0x13819
at jsvm-cpp.wasm.br:0x150d5
at jsvm-cpp.wasm.br:0x1715e
at jsvm-cpp.wasm.br:0x1709c
at jsvm-cpp.wasm.br:0x1709c
at jsvm-cpp.wasm.br:0x7b9d3
at jsvm-cpp.wasm.br:0x137df
at jsvm-cpp.wasm.br:0x152eb
at jsvm-cpp.wasm.br:0x17216
at jsvm-cpp.wasm.br:0x2a44c
at jsvm-cpp.wasm.br:0x13819
at jsvm-cpp.wasm.br:0x150d5
at jsvm-cpp.wasm.br:0x1715e
at jsvm-cpp.wasm.br:0x1709c
at jsvm-cpp.wasm.br:0x1709c
at jsvm-cpp.wasm.br:0x7b9d3
at jsvm-cpp.wasm.br:0x137df
at jsvm-cpp.wasm.br:0x152eb
at jsvm-cpp.wasm.br:0x17216
at jsvm-cpp.wasm.br:0x2a44c
at jsvm-cpp.wasm.br:0x13819
at jsvm-cpp.wasm.br:0x150d5
at jsvm-cpp.wasm.br:0x1715e
at jsvm-cpp.wasm.br:0x1709c
at jsvm-cpp.wasm.br:0x1709c
at jsvm-cpp.wasm.br:0x7b9d3
at jsvm-cpp.wasm.br:0x137df
at jsvm-cpp.wasm.br:0x152eb
at jsvm-cpp.wasm.br:0x17216
at jsvm-cpp.wasm.br:0x549a5
at jsvm-cpp.wasm.br:0x6036
at figma_app.min.js.br:613:8952

However, if I copy the SVG code and directly paste it into Figma, then it works fine. Can someone suggest what needs to be done to address this.


Regards

Vaibhav

Be the first to reply!

Reply