8 ms·
Also what about editors? In my experience writing graphics this way (via XML files) scares off 95% of the artists. Programmers can do it, but they make crap
by sydd 10y ago
Also what about editors?
In my experience writing graphics this way (via XML files) scares off 95% of the artists. Programmers can do it, but they make crap art. A designer who is good/interested enough in doing these is very rare.
So unless there is excellent support (can make animations, generates nice code,..) by Adobe products it wont catch on.
- lj3 10y agoAdobe Illustrator exports to SVG. https://helpx.adobe.com/illustrator/how-to/export-svg.html https://helpx.adobe.com/illustrator/how-to/export-svg.html
- sydd 10y agoAnd how good is it? Does anyone knows examples/has done some serious work in it?
- jjcm 10y agoFor what it's worth the SVGs exported by Sketch are workable. I usually go in by hand and clean up the exports, but it's nowhere near as bad as old dreamweaver html exports.
- nobleach 10y agoI've had the opposite experience. Exports from sketch have the potential to be way off the canvas. This page has helped quite a bit: https://medium.com/sketch-app-sources/exploring-ways-to-export-clean-svg-icons-with-sketch-the-correct-way-752e73ec4694#.yt67hz8oy https://medium.com/sketch-app-sources/exploring-ways-to-expo...
- whyileft 10y agoIn my experience the exported SVGs from Illustrator can be pretty noisey.
- matthewmacleod 10y agoI routinely use Illustrator for fairly complex SVGs that are subsequently included in web pages, and the code is pretty serviceable. SVGO will clean it up a lot, but usually to the point of make it much hard to hand-tune.
- adamriggs 10y agoI do frontend web dev in a big, mixed-media advertising agency. The logo's that we design for clients are created in Illustrator so they can scale to billboards or banner ads. The psd's that I receive for websites often contain icons done in illustrator. Exporting to svg is easy to do but yields code that is messy in the way that exporting a Word document to html is. It works but I'm not going to edit the code.
- nobleach 10y agodealing with `id="Layer1"` is annoying, but trivial. The endless nested `<g>` elements can be deleted. I've heard it's gotten better (I've neglected to ask for an update from CS6 for the past 2 years. What is absolutely terrible is dealing with SVGs exported from Sketch. And that's all our UX/UI/Designers use these days.
- petetnt 10y agoFor what it is worth, Illustrator CC got an update on one of the .x versions (17.2?) that brought "Export SVG to Web" option that produces web quality SVGs (maybe SVGO exported even?), a huge improvement over the old Save As SVG route.
- deleted 10y ago[deleted]
- Kinnard 10y agoI think artists and prgrammers ahve more in common than you think, so does pg . . . he even wrote a book about it— Hackers and Painters: http://paulgraham.com/hp.html http://paulgraham.com/hp.html
- stupidcar 10y agoIt's less of an issue for visualisations, as if a designer creates a mock-up, it's only used as a guide for implementation by a programmer, rather than an actual asset. However we have used Sketch's SVG export for things like icons, and I've found it to be pretty good. There's even an CLI export tool than you can integrate into your build process.
- netghost 10y agoMost vector tools export to SVG, and you can use SVGO[1] to clean it up and optimize it. 1: https://github.com/svg/svgo https://github.com/svg/svgo
- Steeeve 10y agoSVGO is interesting. One of my biggest complaints over the years has been that most tools that export to SVG do it in such a way that the file is so difficult to understand and edit that the results are useless.
- emmelaich 10y agoUse https://inkscape.org/ https://inkscape.org/
- kruipen 10y agohttps://github.com/artursapek/mondrian https://github.com/artursapek/mondrian
- shmerl 10y agoInkscape is a good vector editor and works with SVG.