摸鱼必备：设计稿直接生成前端代码，10分钟完成工作

前端技术真的更新太快了！以前幻想过的设计稿直接生成前端代码真的实现了。接下来我就介绍一下我使用过的两款设计稿生成前端代码工具。

CodeFun
UI 设计稿智能生成前端源代码，8 小时工作量，10 分钟完成

摸鱼必备：设计稿直接生成前端代码，10分钟完成工作
我算是CodeFun的天使用户了，刚开始该平台只支持Sketch设计稿生成代码，现在已经完美支持Photoshop了。可以直接安装安装插件一键上传设计稿。

输出格式基本也够用了支持Uni-app、Taro、Vue、React 虽然目前暂时不支持IOS和Android但是对我来说已经够用了。

摸鱼必备：设计稿直接生成前端代码，10分钟完成工作
imgcook
设计稿智能生成代码

这个是我最近发现的，阿里旗下的我使用了后感觉太强大了。支持Sketch、Photoshop、Figma、图片格式设计稿。

uniapp react vue taro html Flutter Android 等，太多了！我使用到了图片格式的还有PSD格式的。体验的时候图片格式还是测试版。

摸鱼必备：设计稿直接生成前端代码，10分钟完成工作
那么可能有些人就会说那不是前端都要失业了？那当然不是，设计稿生成代码只是辅助工具，可以提高开发效率。但不是生成的代码就可以直接在业务上使用了。有限场景也不能很好的生成你想要的内容，需要前端开发人员对其微调，另外还需要前端开发对接后台，实现对应的业务逻辑。

摸鱼必备：设计稿直接生成前端代码，10分钟完成工作
还有很多非常好用的开发及自媒体工具，我最近有时间我想把我使用的这些工具都整理一下做一下分类然后开发个导航网站供大家使用。

觉得内容对你有帮助，记得顺手关注+点赞永远是我持续写作的动力，谢谢你。