Hi everyone,
I’m currently working on a Figma-based prototype for a logistics dashboard UI and ran into an odd rendering issue with SVGs used in a community plugin called ModView (a lightweight helper we’re testing internally to preview external assets like trucks, trailers, etc.).
The Problem:
Whenever I try to import vehicle illustrations (especially highly detailed ones), some of them fail to render correctly — specifically shadows and gradients either disappear or appear pixelated. This only seems to happen with assets exported from certain simulation platforms.
I’ve tested with assets inspired by Euro Truck Simulator 2 (ETS2), and oddly enough, some SVGs render perfectly while others break even though they come from the same batch.
What I’ve Tried:
- Verified SVGs through browser rendering (Chrome & Firefox): no issues.
- Tried optimizing with SVGOMG.
- Disabled layer flattening in plugin settings.
- Tried different export methods (Inkscape vs Illustrator).
Has anyone encountered similar issues with plugins dealing with external SVG assets?
Could this be a limitation in how Figma handles certain SVG filters or masks?
As a reference, I’m currently using this asset set for testing purposes (non-commercial, purely for demo visuals):
Any ideas, suggestions, or tips would be super appreciated. Even alternative ways to better import complex SVGs into Figma without breaking would help a ton.
Thanks in advance!