Hacker News Reader

We have to add custom classes and styles to SVG files in our products which requires hand coding. There is no design tool out there that won't completely destroy any hand-coded SVG styles or even attempt to work with them.

I make a rough draft of the icon in Figma or Affinity then export it and do the rest by hand and it can never be viewed in a visual editor again. Our design tools have failed us at providing good tooling for web and product work.

View on HN

In pretty sure Inkscape will preaerve these.

Inkscape is very much an "SVG editor" and largely preserves what you have. I think most if these other tools are general design tools with SVG output which means that you don't expect much correlation to the input.

I’ve found Boxy SVG (https://boxy-svg.com) to be a good visual SVG editor. You can edit the SVG markup or use the visual tools. The markup is preserved on save.

Reply on news.ycombinator.com