How to how to clean svg exports from figma and illustrator for production
- Step 1Export from your design tool — From Figma: File > Export, select SVG. From Illustrator: Save As > SVG, choose SVG Tiny 1.2 or use 'Use Artboards'. Either way, the export will contain editor metadata.
- Step 2Drop into the Metadata Scrubber — Drag the exported SVG into the JAD scrubber. Review the metadata list and click Scrub. The tool shows exactly what was removed and the resulting file size.
- Step 3Add to your codebase — Replace the original export with the scrubbed version. Run through the SVG Minifier as well for additional size savings before committing.
Frequently asked questions
Should I scrub SVGs before or after minification?+
Scrub first, then minify. Scrubbing removes entire XML elements and namespaces, which the minifier won't touch. Minification then handles whitespace and attribute shortening.
Does Figma's SVG export include creator information?+
Figma exports include xmlns declarations and sometimes a Figma-version comment. It's less verbose than Illustrator but still benefits from scrubbing for cleaner output.
My designer exports SVGs with embedded raster images. Will scrubbing break them?+
No. Embedded raster images use <image> elements with base64 data URIs, which are visual content — not metadata. The scrubber preserves all <image> elements.
Can our design team automate this in the handoff process?+
Yes. The JAD API supports automated scrubbing. Integrate it into your Figma plugin workflow or as a post-export script to automatically clean every exported SVG before delivery.
Privacy first
Every JAD SVG tool runs entirely in your browser using the DOM API and Canvas. Your SVG files never leave your device — verified by zero outbound network requests during processing.