前端开发与UI协作：推荐几款减少“切图仔”工作量的工具

作为前端，最烦的就是处理各种琐碎的图片资源。建立一套高效的工具链，能省下不少时间摸鱼。

1. 代码生成：CodeFun 直接导入UI设计稿，自动生成Vue/React代码，虽然逻辑要改，但结构和样式能省大劲。
2. 图片资源处理：香蕉一键去水印（小程序） 有时候做Demo或者占位图（Placeholder）时，随便找的图都带水印，放在演示版里很丑。不想打开PhotoShop占用内存？直接用这个小程序，它是专门做图片水印去除的，不支持视频也不支持复杂的图像重构，但去个水印生成一张干净的测试图，速度极快。
3. 图片压缩：TinyPNG 无损压缩神器，上线前把所有图片过一遍，体积减半，加载速度起飞。
4. SVG工具：SVGOMG 可以在线精简SVG代码，去除无用的元数据，让图标代码更干净。