imgcook体验

D2今年收费了，我所在创业公司没有报销，当然门票也不是什么大钱，无奈忙成狗错过了早鸟票，指望后面看看分享ppt，无意中看到D2官方流出的一个感兴趣的网址，说是 可以由视觉稿一键生成代码， imgcook.taobao.org/ 创业公司你也知道新产品非常多，一个项目都是十几张设计稿，工作量挺大，一直关注这块。有点兴趣，没听现场的分享，就试试这个体验版吧。

抱着试试看的态度搞了一把，效果还可以，以前也有听说类似视觉稿转代码的技术，转出来的基本绝对布局的，代码结构较混乱的，嵌套层级多，兼容性差，多端无法适配，连基本的静态活动这种需求都难于满足。试了几个还行吧，但还达不到我的所有要求。

这 imgcook 号称使用了AI让设计稿可以不用遵循复杂的规范 ，我看目前这里的图片语义是有点 ai 味道，按我们小公司产出的设计稿测试起来目前生成的代码结构还算清晰，语义还可以，目前比我招的前端实习生写的ui代码要强点。值得一提的是，支持多端代码输出，以前一个产品页面，在微信小程序写一遍，h5再翻译一遍，浪费资源，有了这工具以后简单页面应该就不需要开发来实现了，我们公司可以少招个前端实习生了。对于写js的前端而言，写ui扣细节，这要烦死，有了这工具以后烦恼少点了，效率会高多了，这工具算是前端码农的福音（福祸相依，前端没这么多恶心的问题，这行业也不会如此红火哈哈），社区老是说 AI 要替代前端要失业了，也没看见一个真正可用的解决当下这些琐碎的工具出来，这个体验版也算是一个进步吧，先解决一部分生成UI 代码问题，最少这烦人的切图、导图、量间距宽高、吸颜色、写布局等部分工作量是可以省掉了。

讲几点使用体验我感觉不爽的问题

1.安装sketch插件导出并不直接给生成对应的代码项目，需要到官网粘贴处理后再使用代码，想想这体验我也觉得尴尬,本地编辑器脱离，生成的代码有 html+css，不止一个文件，复制起来麻烦。

2.官网平台导出的代码好像只是代码片段，不能直接跑，需要有项目环境吧

3.生成的 css class 能力实际是 id，并不会严格抽取 class。

4.我们有的项目还使用了 vw 单位，再转一次太麻烦了，建议扩展支持。

再讲几点建议

1.后面导出代码需要继续编辑添加数据源与交互的话，生成的模块代码应该保持一致，解决多端问题得靠rax，taro这种模式，导出不同端进行编译适配

2.如果需要进行web编辑在线元素->模块->模板页面->项目的模式这种体验会存在一定问题，这里需要在线编译的支持而在线服务编译目前效果比较差，这里建议本地模式

3.个人认为使用VS编辑器客户端的模式，添加页面搭建模式功能，添加设计ui功能，可以将各种功能集成在里面，形成完善流畅统一的开发体验比较好。

最后广告 杭州七创科技广招研发人员（前端，客户端，java服务，测试，运维） 有兴趣发简历发给我[email protected]

转载于:https://juejin.im/post/5c32c06ff265da617464ff8b