Ask DN: The best tool for working with vector graphics for the web

9 years ago from , Digital Designer

Hi guys I would love to hear about your experience working with vector graphics for the web, and exporting SVGs and such. What tools do you use, what is your workflow and so on...

At the moment is use adobe Illustrator for the vector stuff but I'm not convinced that it is the right tool for the job.


  • Rhys JonesRhys Jones, 9 years ago

    If you're using a Mac I would suggest Affinity Designer by Serif. I've been using it since the betas specifically for exporting vector graphics to SVG and it has been rock solid.

    I do optimize the SVG's further by running them through this online SVG Editor to remove any extra cruft. Since SVG's are XML you can open that bad boy right up in your favourite text editor and tweak as needed (which I love!).

    Also if anyone needs a primer about SVG use on the web this is a pretty good start!

    2 points
  • Nice ShoesNice Shoes, 9 years ago

    MS Paint.


    1 point
  • Felipe TinocoFelipe Tinoco, 9 years ago

    I think Illustrator is the best software if you need a vast variety of tools. Sketch is also good, but i prefer using it for web/mobile development.

    1 point
  • Account deleted 9 years ago

    Illustrator has many features, Sketch is really easy and intuative, Affinity Designer is somewhere in the middle (and really fast).

    0 points
  • M. AppelmanM. Appelman, 9 years ago

    Sketch. Incredible intuitive, even I was able to learn it!

    0 points
  • Yakim van ZuijlenYakim van Zuijlen, 9 years ago

    Illustrator works best for me. It’s a very flexible and precise tool. But I am not satisfied with the SVG exporting. The results are good, but the underlying code looks horrible. I usually clean up the SVG code myself.

    There must be a better (more automated) way to generate clean SVG code from Illustrator files.

    0 points