I got sick of manually converting AI images to SVGs, so I built a tool to automate it.

A developer built Shufaf, a tool that automates the conversion of raw AI-generated images into scalable SVGs. The tool streamlines a multi-step pipeline—background removal, vectorization, layout testing, and compression—into a single workspace. Shufaf is now live and available for testing.

Hey everyone, As a dev handling client projects, I’ve seen a massive surge lately in clients wanting to integrate AI-generated characters and illustrations directly into their layouts. The problem? Raw AI outputs are an absolute mess to work with. Over the last few months, I found myself trapped in a painful, manual loop on almost every single project: Remove background ➔ Vectorize to scalable SVG ➔ Test in layout ➔ If it fits ➔ Compress ➔ If not ➔ Try another one. Doing this manually for dozens of assets was costing me hours and became a massive bottleneck. I finally got fed up and built Shufaf https://shufaf.com/?utm source=dev.to&utm medium=referral&utm campaign=blog post to see it in action. which means "Transparent" to compress this entire multi-step pipeline into a seamless, high-speed workspace. I wanted this to be a real, no-BS utility for actual frontend hustle, so I built it with a few specific features in mind: Shufaf honestly saved my sanity on my recent client deliveries. It's live and fully loaded today. I'd love for some fellow devs here to break it, test it, and give me some brutal feedback on how to make it better. What does your current workflow look like when clients hand you raw AI assets? Check out Shufaf https://shufaf.com/?utm source=dev.to&utm medium=referral&utm campaign=blog post to see it in action.